3 Replies Latest reply: Dec 23, 2012 1:18 PM by upstart1762 RSS

    Links, Color matching problems in Safari

    upstart1762 Community Member

      Could someone please take a quick look at this page in Safari and then in Firefox and tell me why the top center title background, and the facebook link background colors are off in Safari? Actually, sometimes they appear accurate and then all link background colors are off once hovered over. Then you refresh the page and that problem is gone and the title and fb link colors are off. Yet it looks perfect in Firefox. Feels like a new Safari issue. Neber had this problem before.

       

      - Body CSS rule has background set at 3a3936.

      -Title graphic is an inserted RGB gif image, with a hex value of 3a3936.

      -Facebook link is a background RGB gif with a hex value of 3a3936.

       

      http://upstartstudio.com/Design.html

        • 1. Re: Links, Color matching problems in Safari
          Nancy O. CommunityMVP

          LiVHAF is a memory device for the various link states.  For best cross browser results, keep your CSS link definitions in this order.

           

          a:link { }

          a:visited { }

          a:hover { }

          a:active, a:focus { }

           

          You need a visited style rule.

           

           

          Nancy O.

          • 2. Re: Links, Color matching problems in Safari
            upstart1762 Community Member

            Thank you Nancy. I will address that. But it happens without clicking (visiting). Just hovering on and then off causes the background colors to shift. So I take it that you experienced the hover/visited issue and not the background color matching issue on the title image or the facebook link? When I view this page in Safari, these problems alternate on completely different elements. I refresh the page and one problem goes away while the other pops up. ANd this happens randomly.

            • 3. Re: Links, Color matching problems in Safari
              upstart1762 Community Member

              Please see screen grab of page a s viewed in Safari (6.0.2) before(top) and after refreshing the window(bottom). This page looks pefect (like top version) in Chrome and Firefox. Have seem some recent discussions about such problems with the latest version of Safari. Wondering if this is the case, and if there is a workaround.

              ColorIssue.gif