Image script wont work in Chrome
I've ju开发者_Python百科st redesigned my website, and seemingly all is well. However someone has pointed out that the image galleries are not viewable correctly in chrome. It's driving me mad, and I can't work it out. Can anyone spot an obvious mistake? Thanks a lot.
The URL is: http://www.create-imaginations.com/
It appears to be a bug in chrome that it will not fire a mouse over event on an image. There are a few ways of solving it:
- Surrounding each of your images in a
div
tag and adding the events to thediv
tag and leaving the events on the image as well. - Moving the events to the
a
tag
These should mean that it will work, however if all else fails, you could create a div
in place of the image tag and use styles to set the div
's background image using
<div style="background-image:'<IMAGE URL HERE>';" <EVENT TRIGGERS> ></div>
However this will reduce compatibility with browsers that don't support CSS.
Browser Support for CSS:
Internet Explorer 5 and above.
Firefox 1 and above.
Safari 1 and above.
And all newer browsers like chrome
(http://webdesign.about.com/od/css/a/css_browser_sup.htm)
Considering that in 2008, on W3Cchools only 0.3% of users used IE 5. So compatibility, is not likely to be an issue.
精彩评论