:hover擬似クラス状態になることでマージンの幅が変化する

症状

マージンの設置状態に異常があるとき(Operaバグ053参照)、a要素の:hover擬似クラスにボーダーなど一部のプロパティを指定すると、マウスポインタを乗せたときにマージンの幅が変化することがある。

例示

<style type="text/css">
a:hover {
  border-bottom: 2px solid;
}
</style>

<div style="border:2px solid blue;">
<p style="border:2px solid red;"><a href="b067.html">1</a></p>
<p style="border:2px solid red;"><a href="b067.html">1</a></p>
</div>
<div style="border:2px solid blue;"><a href="b067.html">2</a></div>

1

1

例示には3つのリンクがあります。始めに「2」のリンクにマウスポインタなどを乗せてください。次に、「1」のリンク(2つありますが、どちらでもよいです)にマウスポインタなどを乗せてください。

スクリーンショット

Op7Opera7.11(マウスポインタを乗せる前)

Op7Opera7.11(「2」のリンクにマウスポインタを乗せた後)

※2番目のスクリーンショットの状態になった後で「1」のリンクにマウスポインタを乗せると、消えたマージンが復活します。その結果、1番目のスクリーンショットと同じ状態に戻ります。

修正状況

  • Opera7.11で不具合の発生を確認しました。
  • Opera7.22でこの不具合は発生しないようです。

関連記事

スポンサーリンク

シェルスクリプトを実行すると『そのようなファイルやディレクトリはありません』や『コマンドが見つかりません』と出る場合

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る