箱影不覆蓋div

這是我的第一個問題:) 箱影不包括下拉ul。請參見截圖 - http://i31.fastpic.ru/big/2012/0202/7d/83a6dfa12f24ace82a3df52b6fe0587d.png。我試圖解決它幾個小時，但沒有結果:( 這很奇怪，我已經給父元素500和下拉ul 1的Z索引，但陰影仍然在下拉UL沒有超過它。這裏是鏈接：http://layot.prestatrend.com/ 希望有人能幫助我，謝謝箱影不覆蓋div

來源

2012-02-02 Anton

這是關於stacking context。

問題

重點是你不能把塊放在低於最接近父母的地方，並且是非靜態位置並且是正值z-index。所以，你有z-index:100,#categories_block_top .tree li，所以你不能把ul放在它下面。

爲了解決這個問題（的方式之一），你可以刪除這個z-index，再加入position:relative;z-index:1;到#wrapper然後添加負z-index像z-index:-1;到ul。這樣做你會把它放在與#wrapper相同的水平，所以它會超過它後面的內容，但是在#subheader的box-shadow下。

來源

2012-02-02 20:57:14 kizu

kizu，非常感謝你!!!!!!!!!!!! Спасибоогромное!!!!!!!!!!! :) – Anton 2012-02-02 21:03:21

Всегдапожалуйста:) – kizu 2012-02-02 21:04:00

@Anton：你應該「接受」這個工作答案，檢查這個：http://meta.stackexchange.com/a/5235/155050 – thirtydot 2012-02-02 21:14:29

前置下拉列表中的第一個li元素在其內部（或插圖）的影子我猜是因爲該元素將始終是主打內線。菜單，陰影將無法正常工作或出現上面的子列表。

來源

2012-02-02 20:51:28

在下拉列表的第一個li元素上預先設置一個內部（或內部）陰影 - 這看起來不太好看。由於該元素將始終在主菜單內，陰影將不起作用或出現在子列表的上方 - 我知道，但即使是z索引也不能解決問題，它怎麼可能，爲什麼z索引不起作用？ – Anton 2012-02-02 20:53:16

下拉是帶有陰影的元素的子元素。因此，z-index在這種情況下無法幫助您解決問題。 – 2012-02-02 20:57:09

我試圖讓你的漸變效果，這將模仿陰影。 @VinnyBurgh和我想象的一樣:)而且kizu的解決方案應該可以工作，我沒有想到它，對不起。希望你能管理。 – 2012-02-02 20:57:12

箱影不覆蓋div

回答

相關問題