嵌套标签的z-index问题

泷涯SY 发布于 2015/03/15 10:13
阅读 214
收藏 0

例如下列代码:

<nav>
	<div id="name"></div>
	<div id="category"></div>
</nav>
<div id="bg"></div>



其中,设置nav的z-index为700,设置黑色背景#bg的z-index为800
因为响应式设计,在小屏幕上,就会有:
#category {
 position:fixed;
 top:0;
 left:0;
 z-index:900
}




希望的效果是#bg会遮挡nav,但#category会浮在#bg之上
实际测试中,发现#category还是会被#bg遮挡
请教一下,有没有方法可以解决?

加载中
0
robinclark
robinclark

#bg 怎么遮挡的。没有重叠怎么遮挡呀。。

不知道你什么意思。我就只能帮你个大概了。

http://jsfiddle.net/wpvprLuh/

0
欣儿
欣儿
用定位,把bg放nav上,不过没看到bg的css,不好说
0
Clover286
Clover286
给#bg设置position属性就行
返回顶部
顶部