垂直對齊（IE瀏覽器！）

<div class="product"> 
    <a href="#" class="thumb"><img src="img/thumb_md.png" alt="" /></a> 
</div>

CSS：

.product .thumb {   
    position: relative; 
    display: table-cell; 
    vertical-align: bottom; 
    height: 130px; 
}

..works偉大的現代瀏覽器，除了着，當然，IE瀏覽器！

有什麼解決方法嗎？我嘗試的另一個解決方案是position：absolute;底部：0;但它會干擾z-index似乎沒有任何影響的上面的下拉菜單。

謝謝！

2009-09-27 3zzy

是的，請使用相對+絕對定位。那準系統是：

a.thumb { display: block; position: relative; height: 130px; } 
a.thumb img { display: block; position: absolute; bottom: 0; }

2009-09-27 08:25:11 cletus

試過了，但就像我說過的我不想使用position：absolute;底部：0;因爲它會干擾z-index似乎沒有任何影響的上面的下拉菜單。下拉菜單隱藏在這些圖像下方。 – 3zzy

由於只有IE8（作爲IE8運行而不是兼容模式）是支持display：table-cell的唯一IE版本。如果z索引是一個問題，明確地設置它。 – cletus

回答