我从Dax Assist获得了一个脱节的翻转脚本：www。达克萨斯主义者。 COM / JS / disjointedrollovers.cfm
查看我正在处理的页面：http://www.gherkin.co.nz/tester/
翻转在firefox上工作得很好，但在资源管理器中，较大的图像显示在中央div下，而在Safari中，它们似乎根本不起作用。
有什么想法吗？
答案 0 :(得分：0)
您的图片看起来像是继承了text-align: center CSS属性。要么在CSS中覆盖large_card1样式，要么将其全部删除。
EDIT 我看过你的HTML，看来你的页面上有一堆img元素都有ID“持有者”。您应该只为元素提供唯一的ID。
我建议你删除所有那些重复的img标签，因为你只想换掉其中一个。我怀疑是IE正在交换它找到的最后一个<img id="holder"...>的图像，Firefox正在使用第一个，Safari正在说，“拧这个！我太糊涂了”，并没有交换任何东西。
答案 1 :(得分：0)
当尝试调试这样的问题时，一个好的第一步将是验证： 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函数的第三个参数。