Date: 02/21/08 (WebDesign)    Keywords: browser, css, java, web

Here's my deal.

Try to visualize it, because the site's not live yet.

I have a pretty cool moving background for a website that my client really likes. However, I feel like it interferes with the readability of the content and just makes it look a little less professional.

My possible solution is to put the content in its own div with a border and a partially transparent background. I get my readability and it looks a little more... grown-up... but the moving background still shines through somewhat.

I accomplished this by using a partially-transparent .png as a background image. I know there are some CSS codes that will make something partially transparent, but I haven't seen any that work in all browsers. The .png seems to work in all browsers but, of course, IE6. it's totally opaque in IE6, defeating the purpose of the background thing.

My question is this: is there a way to perform a browser check and conditionally make there be NO background image if it's IE6? I've seen If IE statements in javascript, but is there a way to specifically isolate version 6 -- and then, I don't know, link to a different stylesheet or whatever would need to be done?

I'm not super amazing with javascript, but I know the very basics and have muddled through a lot of java-script-requiring stuff with the help of tutorials.

Alternatively, am I being a dumbface--is there some easy way to make the background color of a div appear as partially transparent, even in IE6?

Thanks in advance for your advice.

Source: http://community.livejournal.com/webdesign/1362013.html