Question

HTML：

<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;
}

..在现代浏览器中效果很好，除了当然，IE！

有没有解决方法？我试过的另一个解决方案是：绝对;底部：0;但它干扰了上面的下拉，而z-index似乎没有任何影响。

谢谢！

Answer 1

是的，请改用相对+绝对定位。它的准系统是：

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