treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Cross Browser Transparency

  • 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!
  • 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 : www.alsacreations.com : 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.