Home > Mac > Internet Explorer :hover擬似クラスでvertical-alignが無効

:hover擬似クラスでvertical-alignが無効

:hover擬似クラス状態の要素にvertical-alignプロパティを指定しても無視される。

例示

<style type="text/css">
<!--
a:hover img {
    vertical-align: bottom;
}
-->
</style>

<p style="font-size:24px;"><a href="./">img<img src="http://css-bug.jp/img/common/img01.png" alt="img" /></a></p>

imgimg

リンクが:hover状態にないとき、画像の下端はベースラインに揃っています('m' の下端に揃う)。リンクが:hover状態になると、画像の下端は行ボックスの下端に揃う('g' の下端に揃う)はずです。

修正状況

MacIE5.2でこの不具合が発生するそうです。

Home > Mac > Internet Explorer :hover擬似クラスでvertical-alignが無効

Search
オススメ書籍
Feeds

Return to page top