Support » Themes and Templates » Lightbox Background to Really Cover 100%

  • Resolved kennethwatt


    Hi guys
    I have a lightbox on my new theme which is currently still being developed.
    Basically, on click, two divs will appear, one of which will be the background, and one the ‘foreground’.
    I want the background to display to the bottom of the page, not just to the fold. Here is the CSS:

    	background-color: #000000; /* The color to display*/
    	/* The transparency of the background */
    	opacity: .60;
    	filter: alpha(opacity=60);
    	position: absolute;
    	left: 0px;
    	top: 0px;
    	width: 100%;
    	height: 100%;
    	/* Set the overlay so it appears above the page content */
    	z-index: 1000;
    	position: absolute;
    	/* Default positioning, that will be overridden by the javascript */
    	left: 25%;
    	right: 25%;
    	top: 25%;
    	bottom: 25%;
    	padding: 5px;
    	width: 50%;
    	height: 50%;
    	background-color: #FFFFFF;
    	/*Must use a z-index greater than the screen overlay*/
    	z-index: 1001;

    The reason I have a margin of 29px is because I am using a fixed headbar.


    Thanks in advanced,


  • The topic ‘Lightbox Background to Really Cover 100%’ is closed to new replies.