圖像在Firefox和IE中的位置不同

Question

我喜歡5張圖片-前2張圖片在兩種瀏覽器中都能正常顯示，但是其他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;
}

Answer 1

如果Andrew（關於OP的第一條評論）是正確的，並且我相信他是對的，那么您就需要以非平凡的方式來重寫很多CSS，以避免使用“ hack”。

我沒有理由不只是做自己做的事情然后滾動它（否則，如果您刪除了將來會降低它的邊距底部，則布局將被IE用戶破壞，您可能不明白為什么。）

第三種選擇是（而不是使用下划線技巧）使用條件注釋，例如：

<!--[if gte IE 7]>
//stuff
<![endif]-->

這是IE的一項功能，而不是利用漏洞，因此對您來說不那么令人討厭。 但是，它並不能緩解使CSS的統一性降低，因此更加脆弱的問題。

如果您給我們發送了指向您工作的鏈接，那么您當然將有機會獲得更多具體的標記和樣式建議。 :)