How do I set a transparent background to a div in Internet Explorer 8?


hello,

 

i'm using jquery slider simple text slideshow on homepage. slideshow , each slide (div) have no background. when site viewed in internet explorer 8, each slide has white background. i'm using following ie fallbacks according many sources should work...

 

#slidetext div {            background: rgb(0, 0, 0) transparent; /* default fallback */           background: rgba(0, 0, 0, 0.2); /* nice browsers */           filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#33000000, endcolorstr=#33000000); /* ie 6/7 */           -ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr=#33000000, endcolorstr=#33000000)"; /* ie8 */ } 

 

the div's background affected 20% black background it's still on white background. how can rid of white background?

 

eventually have no background i'm using 20% transparency testing. can view live site here: http://www.pmi.tv.

 

thank in advance!

older ie browsers not support css level 3 rgba colors opacity. 

ms filters cause other undesired side effects.  don't use them.

if must support ie8, use semi-transparent png image background. 

 

opacity example:

http://alt-web.com/sample.html

 

 

nancy o.



More discussions in Dreamweaver support forum


adobe

Comments

Popular posts from this blog

how to devide a circle into equal parts

"Could not fill because there are not enough opaque source pixels" - not solved by any other thread

Why can't I change the billing info for my account?