Note
Creates a grey overlay in background and a modal window in foreground
- <!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
- <title>LIGHTBOX EXAMPLE</title>
- .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: 25%;
- left: 25%;
- width: 50%;
- height: 50%;
- padding: 16px;
- border: 16px solid orange;
- background-color: white;
- z-index:1002;
- overflow: auto;
- }
- </style>
- </head>
- <div id=“fade” class=“black_overlay”></div>
- </body>
- </html>