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

内容領域とスクロールバーの境界部で: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標準モード

修正状況

Netscape7.1、Mozilla1.7.1の標準モードと互換モードで不具合の発生を確認しました。

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

Search
オススメ書籍
Feeds

Return to page top