Member Since: October 23, 2003
Answers: 187
Last Update: November 18, 2005
Visitors: 17630
|
| |
Thanks for answering my question about menu difficulties. I have a bigger and better question for you that I have searched far and wide for the answer to. Using CSS I want to cover a background image with a transparent .gif. All the tutorials out on the world wide web only show how to do this if the images is inside a box or table. Can I implement it to do a background image? If so, how can I get it to work cross-browsers? I've trying making a div id called cover and implementing it after the body tag, but it only works in FireFox, but not IE6.0.
Thanks for any help you could give me.
Draak ;) (link)
|
I think IE6 doesn't do transparency in background images, rather painting transparent pixels in their alternate colour. You can kludge a bit by making the transparent portions small and matching your transparent indexed colour to the back-background, but IE6 is a tad broken that way.
I suppose you could also use z-index and absolute positioning to place a box containing your .gif behind a box containing the foreground to your div, but that could get hairy if you're wanting to repeat the transparent-background thing.
IE6 sucks, and that's the bottom line... but one of those techniques might mask the suckage a bit...
|
|
Rating: 5
| |
I didn't think of the z-index, thanks for giving me another option to play with. Thanks for the input!
|
|