0

カルーセル内の画像が別のdivと重なるようにするのに少し問題があります。ここをクリック

赤いタブをクリックすると、ボトルの画像が白いボックス（＃section1）の上に表示されます。position:relativeカルーセル画像から削除する.rslidesと、やりたいことができることに気づきましたが、配置した背景画像#rslides1が前面に表示されます...

z-indexプロパティを調整しましたが、それでも実現できません。誰かが問題の解決策を持っていますか？

4

3 に答える 3

3

cssプロパティを次のように変更すると機能しました。 

#header{
    max-width: 1018px;
    min-width: 320px;
    width: 100%;
    margin: 0 auto;
    z-index: 10;
    position: relative;
} 

.rslides {
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin-top: -275px;
    float: left;
    z-index: -1;
 }

.rslides_tabs { 
    margin: 93px auto 0; 
    position: relative; 
    width: 100%; 
    max-width: 1011px; 
    z-index: 10;
 }
于 2012-08-29T17:27:41.000 に答える
1

これを修正するには：

  1. から削除position: relativeし.rslidesます。
  2. に追加position: relative; z-index: 10;し.rslides_tabsて#header
于 2012-08-29T17:16:23.610 に答える
0

このcssを使用して、問題を解決します。

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin-top: -275px;
    float: left;
    z-index: 999;
}

z-index値をz-index：999として使用します

于 2012-08-29T17:15:41.823 に答える