z-index的問題

在http://allmyzip.com/colorbox1/有一個簡單的圖片庫使用jQuery的彩盒/燈箱WordPress插件打開的500×500圖像的自動運行的幻燈片演示時，縮略圖之一點擊。z-index的問題

該網站使用的WordPress 3.3.1和標準，未經修改的二十十一版本1.3的主題，自帶的默認用新的WordPress安裝。在IE 9，Firefox 10和Chrome 16中，所有三個瀏覽器都顯示幻燈片放映圖像BEHIND Header/Navbar。

我研究這幾個小時，也找不到什麼改變，和/或其中，以糾正這個問題。我創建了一個簡單的子主題，試圖在下面顯示的style.css部分中測試對z-index值的某些更改，如一些研究建議推薦的，但將z-index值更改爲2或999或更改爲99999仍然沒有讓幻燈片中的圖像正確顯示。所以，運行該站點的所有CSS都是100％標準的開箱即用的Twenty Eleven CSS代碼。

在兒童主題簡單的代碼是有限的，以你看到下面的內容：已經有此時沒有更改標準的代碼。以下顯示的是我曾嘗試過一些之前的編輯，然後將設置恢復爲標準：

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

#branding { 邊境頂：2px的固體#bbb; padding-bottom: 10px; 位置：相對; z-index: 9999; }

有關需要編輯哪些內容以及何處？

非常感謝！

來源

2012-02-03 Bruce

該網站（http://allmyzip.com/colorbox1）的網站有問題嗎？我看不到任何顯示問題;圖片在燈箱中表現良好，儘管沒有模態效果。 – 2012-02-03 20:40:04

是的，上面的網站是網站。請參閱此頁面：http://allmyzip.com/image-behind-header/瞭解頁面上下滾動時的問題屏幕截圖。謝謝！！ – Bruce 2012-02-03 21:08:37

頭ID =品牌有9999的z-index，這是一樣的收藏，所以我會期待衝突。

將其更改爲5000或什麼的，我的螢火看到，它解決了這個問題。

來源

2012-02-03 21:19:05

@RiverC的上述答案是所問問題的正確答案。只要將值從9999更改爲5000，幻燈片放映圖像就會正確顯示在頁眉/導航欄的「正面」中，而不是放在它們的後面。非常感謝您對所提問題的快速準確回答。非常感謝它！ – Bruce 2012-02-05 14:59:00

這似乎是所謂的'默認'主題TwentyEleven的一個問題 - 它有多麼愚蠢的缺省主題，包含基本的不兼容性，如強迫標題到頂部！我希望有人捕捉並修復它爲TwentyTwelve。 – 2012-02-06 18:30:16

在我看來，那

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

可能需要包括

position:absolute; 
z-index:20;

來源

2012-02-03 20:50:31

回答

相關問題