固定配置されたリストアイテム要素内で文字間隔を変えると要素全体が動く

症状

幅を相対単位の値で指定し、かつ固定配置にしたリストアイテム要素(li要素など、 display: list-item; が指定された要素)内で、hover擬似クラスを用いてletter-spacingプロパティの値を変えると、マウス等でポイントした瞬間に要素全体が移動する。

例示

<style type="text/css">
li.a {
  position: fixed;
  width: 10em;
  left: 30px;
  top: 10px;
  border: 2px solid blue;
}
a.b:hover {
  letter-spacing: 1em;
}
</style>

<ul>
<li class="a"><a class="b" href="../mozilla.html">目次ページ</a><br>
<a class="b" href="../mozilla.html">目次ページ</a></li>
</ul>

ページ左上に固定配置されたli要素内にある2つのリンク上でマウスポインタを何度も行き来させてみてください。

修正状況

Moz1.0では標準・互換モードともに不具合の発生が確認されました。N6.2.3では標準・互換モードともに不具合は発生しませんでした。

スポンサーリンク

関連記事

スポンサーリンク

GROUP BY句 グループ化をする

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

上に戻る