在IE7中破解的jQuery Masonry插件 - Wordpress

Question

訪問this link查看有問題的頁面。

這裏的任何想法？我正在拉我的頭髮。 IE7中只有一個問題。 IE8工作得很好。在Chrome/Firefox中查看該網站，瞭解它的外觀。

謝謝！

Answer 1

我的初步假設是，這是IE7的浮動問題（請參閱：http://www.positioniseverything.net/explorer/escape-floats.html）。該瀏覽器在各種情況下難以計算高度。我注意到，您已設置：

.scrap-post-item 
.scrap-post-item a 
.scrap-post-item p 
.scrap-post-item img 

均具有float: left;

還有爲完成這一佈局，只需要浮在這些項目的容器沒有理由。

這就是我要開始的地方，擺脫多餘的花車。如果瀏覽器未將正確的容器高度傳遞給砌體，砌體無法正確佈置頁面。您也可以通過將zoom: 1;添加到正在浮動以導致IE7的較高容器之一併在正確計算佈局之前使用「hack」解決方案取得成功。