[PR]テレビ番組表
今夜の番組チェック

Mozilla 5.0系 CSSバグリスト

内容領域とスクロールバーの境界部で:hoverが効かない

症状

overflowプロパティの値をscrollやautoにした場合に現れるスクロールバーと内容領域との境界(パディングがある場合はパディング領域との境界)にマウスポインタ等があっても:hover擬似クラスの状態にならない。

例示

<style type="text/css">
div.scroll {
  background: aqua;
  width: 8em;
  height: 6em;
  overflow: hidden;
}
div.scroll:hover {
  background: yellow;
  overflow: scroll;
}
</style>

<div class="scroll">
スクロールバーと内容領域の境界にマウスポインタを置く
</div>
スクロールバーと内容領域の境界にマウスポインタを置く

マウスポインタをdiv要素のボックスの右側から左方向へ動かしていき、マウスポインタが指しているものがスクロールバーから内容領域へ移るときに、ボックスの状態(スクロールバーの有無や、背景色)が通常の状態に戻るはずです。

スクリーンショット

Ns7.1Netscape7.1標準モード

修正状況