CSS框-阴影隐藏(z-index不能修复)
CSS框-阴影隐藏(z-index不能修复)
提问于 2011-04-01 03:20:47
我的#primaryNav分区上有一个长方体阴影。不幸的是，阴影被下面的#page元素的背景所覆盖/隐藏。
我尝试将z索引值100设置为#primaryNav，并将z索引值-100设置为#page，但这并没有解决我的问题。
你知道我做错了什么吗？
回答 3
Stack Overflow用户
发布于 2011-04-01 05:58:06
您需要定义#primaryNav的定位。Z索引仅影响定位的元素。我只是在firebug中添加了这个，并修复了它：
#primaryNav {
position: relative;
}我会避免使用负的z指数。只需将#page的z索引更改为0即可。
Stack Overflow用户
发布于 2011-04-01 06:14:28
正如jlego已经说过的，相对位置应该可以解决这个问题。顺便说一句，我建议确保#primaryNav没有左或右的阴影。由于#primaryNav的宽度为100%，因此侧边的阴影会使水平滚动条出现。
要解决此问题，可以将overflow:hidden设置为#iframe
Stack Overflow用户
发布于 2011-04-01 03:25:49
我看了一下你的网站，我觉得#primaryNav的border-bottom属性掩盖了你的影子。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5505118
复制相关文章
相似问题
腾讯云开发者
