0

マウスオーバーすると子divが表示され、情報が表示されるdivがあります。基本的なコードは次のとおりです。

HTML 

<div id="container">
    <div id="hidden_div">
        <iframe></iframe>
    </div>
</div>

CSS

#container {
    position: absolute;
    height: 20px;
    width: 40px;
    top: 8px;
    left: 30px;
}

#hidden_div {
    position: absolute;
    background: url(../_images/inside_btn_back.png) repeat;
    height: 60px;
    width: 350px;
    top: 0px;
    left: 0px;
    margin-top: 20px;
    z-index: 50;
    display: none;
    border: 1px solid #a08f89;
}

#container:hover #hidden_div, #container.over #hidden_div, #container:focus #hidden_div {
    display: block;
}

これは、IE (特に IE9) を除くすべてのブラウザーで機能します。IEで正常に動作するドロップダウンメニューに同じ方法を使用するナビゲーションウィンドウがあります。divで機能しない理由がわかりません。ライブページへのリンクはこちら. マウス オーバー div は、ページの下部にある facebook のようなボタンです。

4

1 に答える 1

0

IEでホバーが失敗する原因となる透明な背景を持たないiframeにロードされたページです。

于 2012-09-13T19:40:23.653 に答える