css - 垂直方向の配置 (IE 用!)

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を除いて、最新のブラウザでうまく動作します！

回避策はありますか？私が試した他の解決策は position:absolute; でした。下:0; ただし、z-index が何の効果もないように見える上記のドロップダウンに干渉します。

ありがとう！

score 1 · Accepted Answer

はい、代わりに相対 + 絶対配置を使用してください。その要点は次のとおりです。

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

1 に答える 1