CSS Library: Other: Here
Pure CSS Modal Window
Author: Dynamic Drive
:target pseudo class is one of those underused features of CSS with
lots of exciting potential applications. It is triggered when the page's URL fragment (
matches an element's ID; in other words, when the user jumps to a specific
element on the page.
:target pseudo class, the following shows how to
create pure CSS Modal Windows that are triggered when the user clicks on an HTML
creating another HTML anchor that points to a non existent or different element
on the page.
Browser compatibility wise, the
:target pseudo class is well
supported in modern browsers, including IE9+. In lesser browsers, the modal
windows simply won't be shown.
Demo:Simple Modal Modal Dialog