箱影不覆盖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

回答

相关问题