Cross Browser Transparency

[mikem]

I have tried a number of different solutions for image transparency and while I can get some to work it seems the solutions cause other problems.
Here’s a link to the site I am currently working on and the solution that seems to work the best:
http://www.rkmpcservices.com/azdance/company.html
It works in all browsers except IE.
The style sheet is at http://www.rkmpcservices.com/azdance/stylesheets/mainstyle.css
What am I missing?
Any help is greatly appreciated!

[Senff]

IE doesnt understand the relatively recent code background: rgba(255, 255, 255, 0.75);. You’re probably going to have to use a background image (white, 75% opacity, save as PNG) and use that for that block if you want it to work in IE8 and before.

It all seems to work fine in IE9, by the way.

[ylc66]

what about trying this :

.main_text {

/*   your code */



/* here for IE

color :  ffffff

#C0 : opacity 75%

*/

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0ffffff ,endColorstr=#C0ffffff);

}

original here : http://www.alsacreations.com : Le filtre Gradient pour IE

?

[mikem]

I’m just now seeing this, sorry for the delay. I was not notified that anyone had posted. Thanks for the ideas!
Senff: I’m thinking I may have to go your route, though I hate to.
YLC66: Perhaps you can check my code again. I tried your suggestion, but it didn’t not make any difference.

All suggestions are greatly appreciated.

[Author]

Posts