JavaScriptギャラリーglitch（レイヤー??）

Question

私はindex.phpセットアップを持っています。頭にはサイドショースクリプトセットがあり、これはすべてのページで実行され、portfolio.html（index.phpファイル内にロードされていますそのページが呼び出されたとき）私はギャラリースクリプトを持っています。

Answer 1

@pjumbleが望むに関する権利である：私はそれが開きますが、この「ヘッダギャラリー」の後ろのギャラリー画像をクリックすると 私の問題は、問題が何であるかの

画像...ですz-indexを変更します。あなたが持っている問題はおそらく、CSSセレクタの優先順位に関係しています。

CSSフォーマットを定義するときは、セレクタステートメントを3つの基本的な方法で記述して、セレクタ定義のために選択してください。ここでは3つの基本的な方法があり、

1.

クラスのは次のようになります。

.class1 
{ 
color:blue; 
font-size: 24px; 
background-color:red; 
} 

これは最低の優先度

2.

IDのは、次のようになりますです。

#id1 
{ 
color:yellow; 
font-size: 12px; 
} 

これは、このような

3. タグのルック何か中間の優先順位です。

Div 
{ 
color:green; 
} 

これは最高の優先権を得ます。これは常に私に直観的に反するようです。私が定義したIDレベルのフォーマットでは、そのタグ名よりも優先順位が高いと思われますが、そうではありません。

ここで私が話していることの例です。 「class1には、」背景色と定義のみであるため、

だから、この

<Div id="id1" class="class1"> 
Text 
</div> 

「テキスト」のような要素のため、ここで赤の背景を持っているとしています。

しかし、 "id1"と "class1"の両方にfont-sizeの定義があるため、クラス定義は無視され、idは "Text" 12pxになります。

すべての3つの定義に「色」が定義され、勝者は「Div」で「テキスト」が緑色になります。

ので、あなたはこのようなあなたのセットを書き、

#lightbox 100のZインデックス、.gallerylayer 1000

のzインデックスを持っている、あなたは正しい考えを持っていますが、 ".gallerylayer"の定義はクラスであり、そのコードセクションのタグまたはIDにz-indexが定義されている場合、クラス定義はz-index = 1000;になります。

だけ定義は、私はそれでclass='gallerylayer'を持っているタグを与え、id='somethingUnique'属性を追加し、Zインデックスのルールを定義するためにそれを使用したい無視されないことを確認します。

これを確認する最も良い方法は、FirefoxをFirebugアドオンで使用し、要素選択ツールを使用して、適用されているスタイルとページで無視されるスタイルを確認することです。

セレクタの詳細については、hereをご覧ください。必要なすべてのドキュメントが用意されています。

これが役に立ちます。