The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Cross Browser Transparency

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #38239

    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:
    It works in all browsers except IE.
    The style sheet is at
    What am I missing?
    Any help is greatly appreciated!


    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.


    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 : : Le filtre Gradient pour IE



    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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.