(IE用!)垂直方向の配置
-
18-09-2019 - |
質問
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がどんな効果があるとは思えない場所の上に干渉するます。
ありがとうございます。
解決
はい、代わりに相対+絶対配置を使用します。そのベアボーンがあります:
a.thumb { display: block; position: relative; height: 130px; }
a.thumb img { display: block; position: absolute; bottom: 0; }
相対的な位置の内部絶対配置を参照してください。
所属していません StackOverflow