Grow your CSS skills. Land your dream job.

Safari Issue with Image Src Swap Styling

  • # March 28, 2014 at 1:32 pm

    Safari only issue so far…

    In this pen I show my menu icon. I am swapping out the src with jquery. I can’t really understand why I am having an issue with it. The styling doesn’t change… when I hover over the menu icon and scroll off you can see the styling doesn’t apply right anymore.

    See the Pen Full Site Redesign by Charlie Volpe (@charlie-volpe) on CodePen.

    Any thoughts on this?

    # March 28, 2014 at 1:49 pm

    Why use jQuery for a hover swap?

    Sounds like a job for CSS Sprites to me: http://davidwalsh.name/demo/css-sprites.php

    # March 28, 2014 at 2:15 pm

    Oh nice! Thanks I will give it a try. :)

    # March 28, 2014 at 4:43 pm

    Thanks for the advice! I have changed my webpage to use sprites and the error is gone. The icon hovers are noticeably faster to load as well.

    Cheers!

    # March 28, 2014 at 5:18 pm

    Right on!

    And yes, sprites are a beautiful thing. They can be used for MANY different things too.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".