垂直对齐（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

回答