Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    Regular Coder martin_narg's Avatar
    Join Date
    Jul 2002
    Location
    Chamonix, France
    Posts
    600
    Thanks
    1
    Thanked 3 Times in 3 Posts

    opacity filter mac/pc in IE

    does anyone know of any issues with applying filters to divs for ie4+ for macs - I'm having trouble dynamically changing the opacity of divs.

    If anyone knows of a good resource for compatibility issues with IE for macs and pc's, I'd greatly appreciate it.

    Many thanks in advance

    m_n
    "Cos it's strange isn't it. You stand in the middle of a library and go 'Aaaaaaaaaaaaaaaaggggggghhhhhhh!'
    and everybody just stares at you. But you do the same in an aeroplane, and everybody joins in."
    -Tommy Cooper

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Location
    NL
    Posts
    421
    Thanks
    0
    Thanked 0 Times in 0 Posts
    IE's opacity filters don't work in any version of IE on a Mac.

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    The Netherlands
    Posts
    217
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Since the Mac version of IE tries to follow W3c specs it obviously won't support those propriatary filters.Theres a CSS3 property called opacity which can change the opacity of elements,but Mozilla is the only browser that supports it (although its called -moz-opacity,since CSS3 is still a working draft).

  • #4
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Filters are like Select elements, in the respect that they come from Windows, not from IE. What you said about standards support in mac/ie is post-rationale - it isn't really the reason.

    FYI - Mozilla does not support the CSS3 opacity property any more than IE does; it just that moz's "nearest thing" doesn't use the syntax which was reserved for the correct property, whereas IE does. In a sense, Mozilla's implementation is more standards friendly, but IE's is more intuitive to use.

  • #5
    Regular Coder
    Join Date
    Sep 2002
    Location
    self.location
    Posts
    181
    Thanks
    0
    Thanked 0 Times in 0 Posts
    "they come from Windows, not from IE."

    I believe brothercake is right. I think filters are rendered using Direct Draw, which is a Windows platform "thingy".

  • #6
    Regular Coder
    Join Date
    Sep 2002
    Location
    self.location
    Posts
    181
    Thanks
    0
    Thanked 0 Times in 0 Posts
    PS: martin, for IE/MAC specs, you probably can't do better than Microsoft's own website. The entire DOM is fully documented, and every IE extension is properly identified as to which version of IE supports it, and whether it's applicable to WIN only or to MAC (see bottom of each entry).

    http://msdn.microsoft.com/library/de...ence_entry.asp

  • #7
    jkd
    jkd is offline
    Senior Coder jkd's Avatar
    Join Date
    May 2002
    Location
    metro DC
    Posts
    3,163
    Thanks
    1
    Thanked 18 Times in 18 Posts
    Originally posted by brothercake
    FYI - Mozilla does not support the CSS3 opacity property any more than IE does; it just that moz's "nearest thing" doesn't use the syntax which was reserved for the correct property, whereas IE does. In a sense, Mozilla's implementation is more standards friendly, but IE's is more intuitive to use.
    On the contrary, many CSS3 properties Mozilla supports are entirely correct, and will transition unchanged from -moz-propname to propname when the appropriate CSS3 spec becomes Candidate Recommendation.

    http://www.w3.org/TR/css3-color/#transparency
    I am unaware if Mozilla supports the priority index in this case though.

    And how is:

    filter: Alpha(opacity=50);
    more intuitive than:
    opacity: 0.5;
    ?

  • #8
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    because the syntax is extensible - it allows for more than one opacity channel to be added in the future. And also because values out of 100% make more sense to me than floating-point values out of 1.

    My point was merely that neither browser supports exact CSS3 syntax specifically for CSS3 filter properties; they both have a twist on it.

  • #9
    Regular Coder martin_narg's Avatar
    Join Date
    Jul 2002
    Location
    Chamonix, France
    Posts
    600
    Thanks
    1
    Thanked 3 Times in 3 Posts
    many thanks for the feedback guys, I will go through the microsoft DOM documentation for IE for MAC and PC and admire(?) the differences. I do actually declare both filter:alpha(opacity=n) and -moz-opacity:n in an attempt to cover cross-browser issues. It seemed strange to me at the time that what was essentially a relatively simple script shouldn;t work on all platforoms!

    Anyway, a bit of light reading material to print out and read in bed again I see, the missus will be pleased

    Thanks again for your help all.

    m_n
    "Cos it's strange isn't it. You stand in the middle of a library and go 'Aaaaaaaaaaaaaaaaggggggghhhhhhh!'
    and everybody just stares at you. But you do the same in an aeroplane, and everybody joins in."
    -Tommy Cooper

  • #10
    jkd
    jkd is offline
    Senior Coder jkd's Avatar
    Join Date
    May 2002
    Location
    metro DC
    Posts
    3,163
    Thanks
    1
    Thanked 18 Times in 18 Posts
    Originally posted by brothercake
    because the syntax is extensible - it allows for more than one opacity channel to be added in the future. And also because values out of 100% make more sense to me than floating-point values out of 1.
    Look at the rgba() and hsla() color values if you are worried about alpha channels.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •