盒子阴影不包括div

时间:2012-02-02 20:45:41

标签: css html-parsing

这是我的第一个qustion :) 框阴影不包括下拉ul。请参见屏幕截图 - http://i31.fastpic.ru/big/2012/0202/7d/83a6dfa12f24ace82a3df52b6fe0587d.png。我试图解决它几个小时,但没有结果:( 奇怪的是我给了父元素500的z-index和下拉ul 1,但是阴影仍然在下拉ul而不是它上面。 这是链接:http://layot.prestatrend.com/ 希望有人能帮助我,谢谢。

2 个答案:

答案 0 :(得分:2)

这是关于stacking context的问题。

关键是你不能将块放在低于最近父级的位置,而且位置为非静态位置且为正z-index。因此,z-index:100上有#categories_block_top .tree li,因此您无法在其下放置ul

要解决此问题(其中一种方法),您可以删除此z-index,然后将position:relative;z-index:1;添加到#wrapper,然后添加负z-index,例如{{1}转到z-index:-1;。这样做,你会把它放在与ul相同的级别上,因此它会在它之后的内容上,但在#wrapper的{​​{1}}之下。

答案 1 :(得分:0)

在下拉列表的第一个li元素前面添加内部(或插入)阴影。 我想因为元素将始终位于主菜单中,阴影将无法工作或显示在子列表上方。