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

症状

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

例示

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

<p style="font-size:24px;">
<a href="../safari.html" style="background:aqua;">img
<img src="/img/cssbug/safari/img01.png" alt="img"></a>
</p>

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

修正状況

• Safari1.0、1.2でこの不具合が発生するそうです。

スポンサーリンク