explorer 和 safari 中脱节的翻转问题
我从 Dax Assist 获得了一个不连贯的翻转脚本：www 。达克斯助手。 com/js/disjointedrollovers.cfm
查看我正在处理的页面： http://www. gherkin.co.nz/tester/
翻转在 Firefox 上运行得很好，但在资源管理器中，较大的图像显示在中央 div 下，而在 Safari 中，它们似乎根本不起作用。
有什么想法吗？
I have got a disjointed rollover script from Dax Assist: www . daxassist . com/js/disjointedrollovers.cfm
check out the page I'm working on: http://www.gherkin.co.nz/tester/
The rollovers works pretty well on firefox, but in Explorer the larger images show up under the central div, and in Safari, they don't seem to work at all.
Any ideas?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
当尝试调试此类问题时，好的第一步是验证：
http://validator .w3.org/check?verbose=1&uri=http://www.gherkin.co.nz/tester/
还有一些其他问题，但似乎是在某些浏览器中引起问题的问题是图像的重复 ID 属性（元素 id 应该是唯一的），以及您要定位的 onmousover/onmouseout id。
在您的情况下，将鼠标悬停在元素上时调用的changer2函数正在按id查找图像（使用document.images [id]）。 Firefox 返回单个图像，而其他一些浏览器（chrome，大概是 safari）返回图像数组，然后该函数无法按预期工作。
所以，第一步：修复你的 id 和changer2函数的第三个参数。
When trying to debug problems like this, a good first step will be validation:
http://validator.w3.org/check?verbose=1&uri=http://www.gherkin.co.nz/tester/
There are some other problems, but the one that seems to be causing the trouble in some browsers are your images' repeated ID attributes (element ids should be unique), and the onmousover/onmouseout ids you're targeting.
In your case, the changer2 function that's called when hovering over elements is looking for images by id (using document.images[id]). Firefox returns a single image, and some other browsers (chrome, presumably safari) returns an array of images, and then the function doesn't work as expected.
So, step one: fix your ids, and the 3rd argument of your changer2 functions.
看起来您的图像继承了
text-align: centerCSS 属性。要么在 CSS 中覆盖large_card1样式，要么完全删除它。编辑
我查看了您的 HTML，似乎您的页面上有一堆 img 元素，它们的 ID 均为“holder”。您的元素应该只有唯一的 ID。
我建议您删除所有这些重复的 img 标签，因为您只想交换其中之一。我怀疑 IE 正在将图像替换为它找到的最后一个
![]()
It looks like your images are inheriting the
text-align: centerCSS attribute. Either override this in your CSS for thelarge_card1style or remove it altogether.EDIT
I've looked at your HTML and it seems you have a bunch of img elements on your page that all have the ID of "holder". You should only have unique IDs for your elements.
I would suggest you remove all those duplicated img tags since you're only interested in swapping out one of them. My suspicion is that IE is swapping out the image for the last
<img id="holder"...>it finds, Firefox is using the first and Safari is saying, "Screw this! I'm too confused" and isn't swapping anything.