1

これはおそらく z-index の問題ですが、正確な問題を診断するのに苦労しています。

問題を表示するには、http://beta.pancreaticcanceraction.org/にアクセスしてください。

サイトにアクセスするには、その URL の末尾に「preview2012」を追加します (クロールされた場合に備えて、リンク全体を貼り付けたくありませんでした)。

それは私が苦労しているトップのナビゲーションです。Firefox と Chrome では問題なく動作しますが、現在 IE9 でテストしていると、サブナビゲーションのシェルしか表示されないことがわかりました。境界内には空白のウィンドウがあります。

私はあらゆる種類のことを試みていますが、正直なところ、私はアイデアが新鮮で、これにもっと目を向ける必要があります.

4

1 に答える 1

1

修正は比較的簡単です。以下のようにルールからposition:relativeandを削除するだけです。残念ながら、IE はand とうまく動作しません。z-indexnavposition:relativefilter

nav{
    background:#403a76;
    background:-moz-linear-gradient(top,#483a76 0,#594990 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#483a76),color-stop(100%,#594990));
    background:-webkit-linear-gradient(top,#483a76 0,#594990 100%);
    background:-o-linear-gradient(top,#483a76 0,#594990 100%);
    background:-ms-linear-gradient(top,#483a76 0,#594990 100%);
    background:linear-gradient(to bottom,#483a76 0,#594990 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#483a76',endColorstr='#594990',GradientType=0);
    border-bottom:1px solid #393363;
    box-shadow:0 1px 1px #615d8d;
    height:5rem;
    position:relative; /* delete this */
    margin-bottom:0;
    z-index:10 /* delete this */
}
于 2012-12-06T18:48:57.800 に答える