我有5张图片 - 两张顶级图片在两种浏览器中均可正常显示，但其他3张图片的top差异为100px。奇怪的是，格式几乎相同，除了第一张图片有top:-15px，第二张图片有top:-40px，而其他3张图片有top:-60px
为了在FF中修复它，我不得不使用Underscore Hack，但我真的不喜欢它。 （编辑：刚刚发现这样做会在IE中弄乱它，该死...）
<img src="Images/screenshot3.png" class="screenshot" style="top: 40px;_top:-60px;" />
Firefox（v4）显示最后3个top属性为-100px的图片 - 除了使用“hacks”之外还有其他方法吗？
以下是screenshot CSS类，以备您需要时使用：
#content-benefits .screenshot
{
float: right;
left: -170px;
position: relative;
padding:0;
margin: 0;
}
答案 0 :(得分：0)
如果Andrew（对OP的第一次评论）是正确的，并且我相信他是，那么你需要以非常重要的方式重写很多CSS，以避免使用“hack”。
我没有理由不考虑不做你已经完成的事情并且使用它（除此之外，如果你移除未来日期推迟它的边缘底部，你的布局将为IE用户打破你可能不明白为什么。）
第三个选项是（而不是使用下划线技巧）使用条件注释，如：
<!--[if gte IE 7]>
//stuff
<![endif]-->
这是IE的一个功能，而不是利用bug，它可能不会让你感到厌恶。但它并没有缓解使CSS不那么统一的问题，因此更加脆弱。
如果您向我们发送工作链接，您当然有机会获得更具体的标记和风格建议。 ：）