当我将鼠标悬停在该行的最后一张图片上时，我无法理解为什么列会移动。 http://www.heritageglass.com.au/projects
在我的 Mac 上，它适用于所有浏览器。 在 Windows 7 中，它适用于最新版本的 IE 和 Chrome，它在 IE8 和 Chrome v26 中不起作用。 - 客户端在 IE8 中查看，所以我必须尽可能接近它。
不幸的是，我无法向您展示测试结果，因为它们是在我们服务器上的开发站点上完成的，但这是我尝试过的方法，但没有成功:
- DOCTYPE 有效。
- 已添加
<meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1" />到开发站点。 - 增加图像所在容器的宽度 (组合完整)。
- 消除最后一个 child 的填充权(但只适用于 最后一张图片 - 没用)。
- 将负填充更改为负顶部和左侧。
- position:relative于静态和悬停状态。
- 消除边距并改为应用填充。
- 实际列上没有边框，只有图像。
有什么想法吗？
最佳答案
检查在文档类型之前插入的任何空格或无关数据。如果有任何内容，包括空白，IE 将进入怪癖模式。
关于windows - 在 IE8 和 Chrome Windows 7 中悬停时列会移动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16027341/