JavaScript畫廊故障（圖層）

希望有人可以幫助我，我有一個index.php設置和頭部我有一個sideshow腳本集，並在所有頁面上運行，然後在portfolio.html（在index.php文件中加載當該頁面被調用時）我有一個畫廊腳本。我的問題是，當我一個畫廊圖像上單擊它打開了，但這「頭畫廊」的背後......的問題是什麼JavaScript畫廊故障（圖層）

圖像：

來源

2012-03-23 RandomJim

淡入淡出幻燈片腳本設定的z索引'.gallerylayer'比收藏夾更高。最簡單的（雖然不一定是最好的）解決將是設置燈箱的z-index較高，'#lightbox {z-index的：2000}' – pjumble 2012-03-23 18:54:39

@pjumble我在viauallightbox.css並沒有什麼改變的z-index值似乎工作，然後我將fadeslideshow.js更改爲1，它的工作原理，感謝幫助隊友！ – RandomJim 2012-03-23 19:48:34

在您的網站'visuallightbox.css'給''lightbox'一個'z-index'爲100，'.gallerylayer'有一個z-index爲1000。 – pjumble 2012-03-23 19:50:27

@pjumble是正確的關於希望改變Z指數。您遇到的問題可能與CSS選擇器的優先級有關。

當定義一個CSS格式時，您可以用三種基本方式編寫選擇器語句，並按照您的先行選擇器定義混合和匹配它們。這裏有3種基本方法，

類的看起來像這樣。

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

這是最低的優先

ID的看起來是這樣的。

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

這是中等優先級

3. 標籤的這個樣子。

Div 
{ 
color:green; 
}

這一個獲得最高優先級。這對我來說似乎總是不直觀的。如果我定義和標識級別的格式，你認爲它會優先於那個標籤名稱，但它不會。

下面是我正在談論的內容和示例。因此，對於這樣的

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

「文本」的元素

這裏將有一個紅色的背景，因爲「1類」是具有背景色的唯一定義。

但是「id1」和「class1」都有字體大小的定義，所以類定義被忽略，並且id使用「Text」12px。

然後，所有三個定義都定義了「顏色」，贏家是「Div」，使「文本」變爲綠色。

所以，當你寫你的設置是這樣，

#lightbox 100的z-index，.gallerylayer有1000

你有正確的想法的z-index但您的「.gallerylayer」定義是一個類，如果該代碼段的標記或ID已定義z-index，則您的類定義z-index = 1000;將被忽略。

只是爲了確保定義不被忽略，我會給它的class='gallerylayer'標籤添加一個id='somethingUnique'屬性並使用它來定義z-index規則。

但是，檢查此操作的最佳方法是使用Firefox和Firebug加載項，並使用元素選擇工具查看您的頁面上正在應用哪些樣式以及哪些樣式將被忽略。

有關選擇器的更多信息，請嘗試查找here它應該爲您提供所需的所有文檔。

希望這有助於。

來源

2012-07-10 15:31:37 Dan

JavaScript畫廊故障（圖層）

回答

相關問題