这是我的第一个qustion :) 框阴影不包括下拉ul。请参见屏幕截图 - http://i31.fastpic.ru/big/2012/0202/7d/83a6dfa12f24ace82a3df52b6fe0587d.png。我试图解决它几个小时,但没有结果:( 奇怪的是我给了父元素500的z-index和下拉ul 1,但是阴影仍然在下拉ul而不是它上面。 这是链接:http://layot.prestatrend.com/ 希望有人能帮助我,谢谢。
答案 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元素前面添加内部(或插入)阴影。 我想因为元素将始终位于主菜单中,阴影将无法工作或显示在子列表上方。