|
Using CSS to cover a background image
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 ;)
[ ]
Want to answer more questions in the Technology category?
Maybe give some free advice about: Internet & Web Design?
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...
]
More Questions: |