Forum Moderators: not2easy

Message Too Old, No Replies

css help

combining css files

         

ichi

10:24 pm on Dec 16, 2006 (gmt 0)

10+ Year Member



hello!

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");
}


to this file:

<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]

swa66

10:59 pm on Dec 16, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Links to your pages: not allowed out here.

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.

ichi

12:03 am on Dec 17, 2006 (gmt 0)

10+ Year Member



oh my, i am sorry won't happen again!

and thanks very much for your advice, i did consdier whether to post in the js or here!

thanks. now let me see if i can delete the links.