Skip to content Skip to sidebar Skip to footer

Jquery Overlay In Chrome/safari (webkit) Unable To Make Changes

After spending several days on Google trying to find an answer, I am turning to the people that I should have started with. I have installed and am using Overlay with great success

Solution 1:

Do not use Apple effect upon document.ready() event when using external stylesheets to prevent from unpredictable behaviour in Safari 3+ and Chrome (WebKit-based browsers). You will see it works in safari and chrome when you remove effect: 'apple',.

The site advises two way to solve it for apple effect:

  • Use $(window).load() instead. This will definitely be executed after the stylesheets have been loaded.
  • Define your overlay style directly on the page or inline for the element.

at the end of page.

Post a Comment for "Jquery Overlay In Chrome/safari (webkit) Unable To Make Changes"