0

私はウェルカム ページで wowslider を使用しています。ユーザーが [Enter] (右上のボタン) をクリックすると、50% 透明なオーバーレイが表示され、その上にログイン ウィンドウが表示されます。残念ながら、wowslider がレイヤリングを支配しており、ログイン フォームに を指定したにもかかわらずz-index of 10000、wowslider がまだ一番上にあります。z-indexwow-slider 要素を変更して、関連するすべての要素のoverflowプロパティとプロパティをいじって、多くのことを試しましpositionたが、解決策が見つかりません。

プロジェクトの開発バージョンへのリンクを提供して問題を確認し、おそらく解決策を見つけるのが最も簡単だと思います。http://dev.hobbyathletes.com/

関連するwowslider要素は次のとおりです

<div id="wowslider-container1">
 <h1>Community for hobby and amateur endurance athletes</h1>
  <div class="ws_images">

この ws_images div 要素はすべてのレイヤリング ルールを支配しているように見えますが、h1 要素は ws_images 要素の上にも表示されますが、wowslider-container1 div に境界線を与えると、ログイン フォームの背後にあることがわかります

どんな助けでも大歓迎です。wowslider を iframe に埋め込むことになっている解決策を避けるようにしてください。

前もって感謝します

4

1 に答える 1

1

#form_center以下のように、セレクターに z-index を追加します。これは、 ha_main.css です - 行 707

#form_center {
position: fixed;
width: 0;
height: 100%;
left: 50%;
top: 0px;
z-index: 10000;
}
于 2015-03-25T09:29:58.873 に答える