8

奇妙な問題があります: Firebug Lite for Chromeを使用すると、ホバーが機能しないことがあります。

私が持っているdivもの：このような：

<div class="editWindow">
    <ul>
        <li id="edCha" onclick="channels.add()">
            Редактировать канал
        </li>
        <li id="delCha" onclick="channels.chanLink()">
            Подключить клиента
        </li>
    </ul>
</div>

そしてこのCSS：

.editWindow li:hover, .chooseAction li:hover {
    background: #369;
    color: white;
    cursor: pointer;
}

最初にページを開いて Firebug を有効にすると、すべて次のようになります。

ページ読み込み後のホバー付きの editWindow

しかし、最初に Firebug を有効にしてからこのページを開くと、ホバーが機能しません。Firebug コンソールにエラーは表示されず、次のようなホバー効果も表示されません (マウス ポインターはそこにあります。信じてください)。

editWindow に Firebug がアクティブな状態でホバー効果がない

この問題は、Win7 と Linux (Mint 14) の両方で、Chrome (Firefox は正常に動作します) でのみ発生します。

原因は何ですか？よくわかりません。

編集

Force element state -> :hoverdev-tools メニューで使用すると、ホバー スタイルが機能します。

編集 2

onmouseover="alert('test');"これらのli要素の 1 つに追加しました。2 番目のケースでalertは、呼び出されていません。

4

1 に答える 1

3

これは実際に必要なものではないかもしれませんが、Chtome の Firebug の代わりに通常の Chrome開発者ツールを使用すると、要素を強制的に特定の状態にすることができます。要素ツリーで要素を右クリックし、Force Element Stateメニュー項目で任意の状態を選択します。CSS の変更に非常に便利です。Firebugの方が便利ですが、Chromeでネイティブツールを使用することをお勧めします。

于 2013-05-29T11:40:54.567 に答える