幅を相対単位の値で指定し、かつ固定配置にしたリストアイテム要素(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="./">リンク</a><br />
<a class="b" href="./">リンク</a>
</li>
</ul>
検証ページ左上に固定配置されたli要素内にある2つのリンク上でマウスポインタを何度も行き来させてみてください。
修正状況
Moz1.0では標準・互換モードともに不具合の発生が確認されました。N6.2.3では標準・互換モードともに不具合は発生しませんでした。


