下拉菜單顯示在ie 7和8後面的徽標

我的下拉菜單（http://tornaia.com）顯示在ie 7和ie 8（不在firefox中，即9或chrome）中的徽標後面。下拉菜單顯示在ie 7和8後面的徽標

屏幕截圖在IE7：（http://tornaia.com/wp-content/uploads/2013/07/Logo_menu_ie.jpg）

屏幕截圖在Firefox中，它應該是什麼樣子：（http://tornaia.com/wp-content/uploads/2013/07/Logo_menu_firefox.jpg）

我已閱讀，這可以通過z值造成的，但我我不太確定如何或在哪裏改變他們。我最好的猜測將在headere.php：（http://pastebin.com/rTxzSNFx）或methods.php：（http://pastebin.com/tpD6MFuM）。

任何人可以幫助我嗎？謝謝！

來源

2013-07-16 Marteens

爲您的標誌指定一個小於您的UL所擁有的99像素的z-index。這裏是您目前有

.logo-image { 
    position: relative; 
}

嘗試

.logo-image { 
    position: relative; 
    z-index: -1; 
}

你需要編輯引用該文件可以在這裏找到http://tornaia.com/wp-content/themes/rumput-hijau/style.css

來源

2013-07-16 15:57:34 Banning

謝謝回答！我嘗試了你所說的，但沒有奏效。我也試着用其他類似的元素插入你的代碼：'.site-title {0} {0} {0}} position：relative; z-index：1; } .site-branding { position：relative; z-index：1; '但是它並不奏效。順便說一下，我在同一個文件中發現了這一點：'.nav li.hover ul { left：0; top：2.5em; z-index：99; }'所以我認爲你是對的，ul的z-index爲99. – Marteens

嘗試設置.logo-image z-index爲-1 ...我更新了上面的代碼，如果你只是想複製和頁面 – Banning

這工作！太好了謝謝！ :) – Marteens

下拉菜單顯示在ie 7和8後面的徽標

回答

相關問題