jQuery ColorBoxを使用したTwenty Eleven WordPressテーマでのZインデックスの問題

http://allmyzip.com/colorbox1/には、WordPressのjQuery Colorbox/Lightboxプラグインを使用した簡単な画像ギャラリーがあり、サムネイルの1つが500 x 500画像の自動実行スライドショーを開きますクリックしたjQuery ColorBoxを使用したTwenty Eleven WordPressテーマでのZインデックスの問題

サイトでは、Wordpress 3.3.1と、新しいWordpressのインストールでデフォルトになる標準の変更されていないTwenty Elevenバージョン1.3のテーマを使用しています。 IE 9、Firefox 10、Chrome 16 3つのブラウザすべてがヘッダー/ナビゲーションバーの下にスライドショーイメージを表示しています。

私はこれを何時間も調査しており、何を変更するのか、そして/またはどこでこの問題を解決するかを見つけることができません。いくつかの調査された提案が推奨されているように、ここではstyle.cssのセクションでz-index値の特定の変更をテストするために単純な子テーマを作成しましたが、ここでは2〜999に、 99999では、スライドショーの画像が正しく表示されませんでした。したがって、サイトを運営するCSSはすべて、標準の100％標準のTwenty Eleven CSSコードです。

子テーマの単純なコードは、以下に示すものに限定されています。この時点では、標準コードは変更されていません。下に表示されているのは、前に編集したの編集を試したあと、設定を標準に戻したところです。

`@import url（" ../ twentyeleven/style.css "）;

#branding { border-top：2px solid #bbb; padding-bottom: 10px; 位置：相対; z-index: 9999; }

何を編集する必要があるかについての詳細は？

ありがとうございます！

出典

2012-02-03 Bruce

サイト（http://allmyzip.com/colorbox1）は問題のあるサイトですか？私はディスプレイに何の問題も見ません。モーダル効果はありませんが、イメージはライトボックス内でうまくいきます。 –

はい、上記のサイトはサイトです。このページ：http://allmyzip.com/image-behind-header/ページが上下にスクロールしたときの問題のスクリーンショットをご覧ください。ありがとう!! – Bruce

ヘッダIDが=ブランディングライトボックスと同じである9999のz屈折率を有しているので、私は希望葛藤を期待する。

これを5000に変更すると、問題が解決されたことがわかりました。

出典

2012-02-03 21:19:05

@RiverCによる上記の答えは、質問された質問に対する正解でした。値が9999から5000に変更されるとすぐに、スライドショー画像は、それらの後ろにではなく、ヘッダー/ナビゲーションバーのIN FRONTを正しく表示し始めました。尋ねられた質問に素早く正確に答えてくれてありがとう。とても感謝しています！ – Bruce

これは、いわゆる「デフォルト」テーマTwentyElevenの問題であるようです。ヘッダーをすべての先頭に強制するような基本的な非互換性を含むデフォルトのテーマをどのように持っているのですか？私は誰かがそれをキャッチし、TwentyTwelveのためにそれを修正することを願っています。 –

は

.cboxPhoto { 
float: left; 
margin: auto; 
border: 0; 
display: block; 
border-image: initial; 
}

を含める必要ができるように思わ

position:absolute; 
z-index:20;

出典

2012-02-03 20:50:31

jQuery ColorBoxを使用したTwenty Eleven WordPressテーマでのZインデックスの問題

答えて

関連する問題