0

このコードは Internet Explorer では問題なく動作しますが、他のブラウザーでは問題が発生します。基本的に、左サイドバーが固定された水平スクロール ページがあります。IE ではページの各パネルの進むボタンと戻るボタンをクリックできますが、Chrome などではサイドバーのリンクのみが機能します。z-indexまたは要素の配置に問題があると思います.cssには

#bg{
   display:inline;
   position:absolute;
   left:0px;
   top:-2px;
   z-index:1;
}

#sidestripe {
   display:inline;
   position:fixed;
   left:0px;
   top:-2px;
   width:100%;
   min-height: 100%;
   z-index:1000;
}

私は z-index の多くの組み合わせを試しましたが、他の要素をクリックできないようにせずに、1 つの要素をクリックできるようにすることはできないようです。

どんな助けでも大歓迎です！

http://www.travelhome.com.au/index.htmが問題の Web サイトです。

4

2 に答える 2

0

#sidestripe幅を380pxの代わりに変更します100%。

#sidestripe {
display:inline;
position:fixed;
left:0px;
top:-2px;
width:380px;
min-height: 100%;
z-index:1000;
}

このようにして、ページ上の他のコンテンツをカバーしません

于 2012-07-16T07:04:17.350 に答える
0

正確に何が問題なのかはわかりませんが、少し前に同様の問題がありました。

それを修正するために、Google Chrome の開発者ツールをナビゲートし、定義済みの Z-index が非表示のクラスによって適用されたため、上書きされていました。

適用されているすべてのクラスを検索してみてください。同様のクラスが見つかる可能性があります。

これは通常、API を操作するときに発生します。

于 2012-07-16T07:05:01.690 に答える