首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >CSS框-阴影隐藏(z-index不能修复)

CSS框-阴影隐藏(z-index不能修复)
EN

Stack Overflow用户
提问于 2011-04-01 03:20:47
回答 3查看 36.8K关注 0票数 72

我的#primaryNav分区上有一个长方体阴影。不幸的是,阴影被下面的#page元素的背景所覆盖/隐藏。

我尝试将z索引值100设置为#primaryNav,并将z索引值-100设置为#page,但这并没有解决我的问题。

你知道我做错了什么吗?

EN

回答 3

Stack Overflow用户

发布于 2011-04-01 05:58:06

您需要定义#primaryNav的定位。Z索引仅影响定位的元素。我只是在firebug中添加了这个,并修复了它:

代码语言:javascript
复制
#primaryNav {
  position: relative;
 }

我会避免使用负的z指数。只需将#page的z索引更改为0即可。

票数 121
EN

Stack Overflow用户

发布于 2011-04-01 06:14:28

正如jlego已经说过的,相对位置应该可以解决这个问题。顺便说一句,我建议确保#primaryNav没有左或右的阴影。由于#primaryNav的宽度为100%,因此侧边的阴影会使水平滚动条出现。

要解决此问题,可以将overflow:hidden设置为#iframe

票数 3
EN

Stack Overflow用户

发布于 2011-04-01 03:25:49

我看了一下你的网站,我觉得#primaryNavborder-bottom属性掩盖了你的影子。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5505118

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档