Tip: You can modify some of the code before running
<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" > <ptml> <pead> <title> pure CSS Lightbox effect (without JS) </title> <style> body{font-size:11px Font-family:verdana, Arial, Helvetica, Sans-serif;} A{color: #000; text-decoration:none;} . img{border:0px;} . black_overlay{Display:none; Position:absolute; top:0%; left:0%; width:100%; height:100%; Background-color:black; z-index:1001; -moz-opacity:0.8; opacity:.80; Filter:alpha (opacity=80); }. white_content {display:none; Position:absolute; top:15%; left:25%; width:632px; height:445px; BORDER:16PX solid #FFF; Border-bottom:none; Background-color:white; z-index:1002; Overflow:auto; } </style> </pead> <body> <p></p> <div id= "Light" class= "white_content" > Close< ;/div> <div id= "Fade" class= "Black_overlay" ></div> </body> </ptml>
Tip: You can modify some of the code before running
