CSS：如何在水下導航鏈接閃爍時通過浮動車輛停止閃爍？

看一看http://www.StringOfJewels.com CSS：如何在水下導航鏈接閃爍時通過浮動車輛停止閃爍？

在主頁上有一個幻燈片放映正在運行。它通過使用JavaScript來增加包含每個幻燈片的DIV的z索引，所以如果有人長時間呆在主頁上，幻燈片可以從水平產品導航欄和浮動車時顯示。爲了解決這個問題，我任意設置形成產品導航欄的UL爲20000000（2000萬）Z指數。是的，可能過度，但爲什麼冒險？我設置了「.smb-FC .yui面板」容器

<div id="yfc_fc-panel" class="yui-module yui-overlay 
yui-panel" style="visibility: inherit; width: 324.155px;">

的滾落浮動車（點擊‘您的購物籃’揚起了浮動車）到21000000.不過的z-index顯示時，水平導航欄中的鏈接直接通過浮動車發光。

我該如何在導航菜單上將浮動車降到手風琴？我無法添加本地樣式，因爲浮動購物車是由我無法訪問的服務器上的JavaScript編寫的。（這是一個雅虎商店）。我所能做的就是調整浮動車的CSS。

來源

2014-03-14 James Hollomon

您設置爲具有210000000 z-index的<div>位於具有9999的z索引的div（.smb-fc）內。您需要父級具有比導航更高的z-index。無論z-index子女有多高，它的父母仍然坐在導航後面。

所以......

.smb-fc { 
    z-index: 21000000; 
    left: 595px; 
    font-family: Arial; 
    color: #000; 
}

來源

2014-03-14 02:36:08 davidpauljunior

感謝。雅虎從不讓事情變得簡單。該課程甚至沒有在編輯器中顯示，我在解決它。但我發現了一個更簡單的解決方案。無論如何，UL的頂級導航產生於幻燈片之上。它不需要在高Z指數。我把它放在地板上，只是將其內部的ULs頂起來形成飛擊。當部署F-cart時，Hover僞類永遠不會被觸發，因爲水平導航現在安全地位於浮動車下方。 –

是的，我發現在過去非常努力的工作與YUI。很高興你解決了它。 – davidpauljunior

CSS：如何在水下導航鏈接閃爍時通過浮動車輛停止閃爍？

回答

相關問題