Safari Rendering problems!

Discussion in 'Mac Apps and Mac App Store' started by BioCore, Dec 14, 2007.

  1. BioCore macrumors regular

    Sep 9, 2007
    Hey everyone,

    I have noticed that certain sites that I visit in Safari don't tend to produce the same results as FireFox does; and I mean they are worse. I have seen multiple sites with a certain problem but currently I know of one specific site as I tend to visit it a lot.

    Anime Render

    The problem as you can see is caused in the drop down menus, in Firefox they are transparent yet in Safari there is no transparency. Also most of the time, when I go into a new forum or thread, the drop down menu will tend to lose its specific width and it will extend way beyond the scroll bar. I am not sure if this is due to some bad coding in the forum theme, or if it is due to Safari's rendering engine (seeing as Apple said that alpha transparency was fixed).

    Could someone help me with this problem, if you know what could be the problem! Thanks!
  2. Catfish_Man macrumors 68030


    Sep 13, 2001
    Portland, OR
    The transparency issue is because their CSS uses -moz-opacity, which is, as the name implies, a Mozilla specific property. Using -webkit-opacity as well should work fine. The reason why there are vendor specific prefixes on it is that it's a CSS3 property, so they're avoiding the official name (which is just opacity) until it's finalized. Specifying all three is probably a good way to make sure you catch everything ;)
  3. clevin macrumors G3


    Aug 6, 2006
    they used the vendor specific name was because CSS3 had no official specification at that time.

    as of now, they should both support the official specification, which is only opacity. no moz, no webkit. at least i know firefox now support official one, somebody can test about webkit.

Share This Page