0

Webページで特定のボタンをクリックすると、ユーザーが「はい」または「いいえ」をクリックするまでページ全体がグレー表示されるというスクリプトを作成しました。これは簡単に思えましたが、Superfishで使用しているメニューと競合が発生しています。ページの残りの部分がグレー表示されている場合でも、メニューにアクセスできます。

私はそれをsuperfishcssスクリプトが一連の

Position: relative

また

Position: absolute

そのため、灰色のカバーボックスが機能しない理由を理解するか、ナビゲーションバーの場所をソースにハードコードする必要があると考えました。私の懸念は、私がそれを行う場合、セットアップは私の解決策だけではないのではないかということです。

これを実現するために、グレーボックスコーディングで見逃したことがありますか？

#cover {
            display:none;
            position:absolute;
            left:0px;
            top:0px;
            width:100%;
            height:100%;
            background:gray;
            filter:alpha(Opacity=50);
            opacity:0.5;
            -moz-opacity:0.5;
            -khtml-opacity:0.5
}

私はcssの経験があまりありません。昨日、解決策を数時間探しましたが、発生している問題に関連するものは何も見つかりませんでした。

ありがとう。

4

2 に答える 2

0

z-indexメニューブロックをオーバーレイブロックよりも低く設定する必要がありますz-index。

.someClass
{ 
    position: relative; 
    z-index: 2; 
}
于 2012-08-09T15:05:13.970 に答える
0

以下の設定を使用しようとして問題が発生しました。

#cover {
        display:none;
        position:absolute;
        left:0px;
        top:0px;
        width:100%;
        height:100%;
        background:gray;
        filter:alpha(Opacity=50);
        opacity:0.5;
        -moz-opacity:0.5;
        -khtml-opacity:0.5
        z-index:100
}

位置が宣言された直後に z-index を設定する必要があることがわかりました。そうしないと、まったく機能しません。

#cover {
        display:none;
        position:absolute;
        z-index:100
        left:0px;
        top:0px;
        width:100%;
        height:100%;
        background:gray;
        filter:alpha(Opacity=50);
        opacity:0.5;
        -moz-opacity:0.5;
        -khtml-opacity:0.5
}
于 2012-08-15T15:58:13.470 に答える