Forum Moderators: not2easy
i wish to add this code:
#overlay{ background-image: url(overlay.png); }* html #overlay{
background-color: #333;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}
<snip>
what i wish to do is to add lightbox js, which uses css, to this page that l already have that has my desired slideshow style --that is all i want to do... add the shadowing effect of lightbox of the page beneath to what i already have. (Lightbox actually does a lot more but i don't want that part of it)
what i already have is here:
<snip>
i got the bit of code at the top from here:
<snip>
i realize i may also have to add appropriate js.
so what i am essentially asking is how to add the lightbox effect to my existing page --but all i want from it the shadowing of the under page.
thanks in advance for any help! (yes that's me in the striped pj's.) :)
[edited by: encyclo at 2:27 am (utc) on Dec. 17, 2006]
[edit reason] see terms of service [webmasterworld.com] [/edit]
Some of that code will at best only work in MSIE, "filter" isn't part of the standard.
I'd be very careful with the hacks in there, esp. IE7 might fumble if it sees them. Conditional comments really is the way to go.
The effect of darkening the screen except for the highlighted picture is done by adding an overlaying object with the javascript that has a transparent background color and yes, you'll need to coerce MSIE into doing that for you.
Perhaps the folks in the javascript forum can help better.