How to make an image opaque on Mac IE (and netscape?)

Discussion in 'HTML & Website Design' started by mfindlay, Mar 6, 2007.

0
  1. #1
    I am able to display an image as opaque by assigning the image a class with the following proprties:

    .grayimage {
    opacity: .5;
    filter: alpha(opacity=50);
    }

    The above class definition works when viewed on all of the PC browsers we've tested (IE, Firefox, Opera, Netscape) and on Mac (Safari, Firefox).

    However, it has no effect when viewed on the Mac IE and Netscape.

    Is there no support for the properties in this css for Mac IE/Netscape, or do we just need to apply different values for those? (and what might those be? :)

    Many thanks!
     
    mfindlay, Mar 6, 2007 IP
  2. unitedrokz

    unitedrokz Peon

    Messages:
    86
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    the simple answer is no - transperancy is not supported...also im assuming you have tested this in IE7 because its also not supported in IE6 either.

    there is a hack available though - google 'pngfix' and see what you come up with
     
    unitedrokz, Mar 6, 2007 IP
  3. Aragorn

    Aragorn Peon

    Messages:
    1,491
    Likes Received:
    72
    Best Answers:
    1
    Trophy Points:
    0
    #3
    I think IE supports transparency from IE4+ through the alpha filter.
     
    Aragorn, Mar 7, 2007 IP