免责声明:我已经看到以下问题,尽管它们的情况非常相似,但它们的解决方案并不适用于我:
- 在除一侧以外的所有面上创建 CSS3 框阴影 https://stackoverflow.com/questions/1429605/css3-box-shadow-all-sides-but-one
- 如何为选项卡菜单中的当前元素添加阴影? https://stackoverflow.com/questions/1483261/how-to-add-drop-shadow-to-the-current-element-in-a-tab-menu
- 3 边的 CSS 阴影 https://stackoverflow.com/questions/253868/css-shadows-on-3-sides#253915
简而言之,我想添加一个-moz-box-shadow
of 0 0 10px
to the .current_page_item
应用于顶部选项卡导航中当前活动选项卡的类我的网站 http://www.blaenkdenum.com。该网站尚未包含实际的 box-shadow 或任何这些更改,在实际发布它们之前,我现在只是在 firebug 中使用这些修改。当然,这会导致阴影出现在所有侧面,因此底部边缘的阴影会重叠到.content
div 存储博客的所有实际内容,即帖子。
根据我到目前为止所看到的,似乎我应该设置z-index
某事,不确定是什么(我努力了ul.menu
)到较低的东西和z-index
of the .content
div 到更高的东西,但这似乎没有效果。
我只是想知道这是否是正常行为,如果不是,是否有人可以帮助我解决这种情况。
谢谢,我真的很感激。
EDIT: I put box-shadow
在之前的帖子中,但我指的是各自的具体指令,例如-moz-box-shadow
。那不是我遇到的问题。
您需要添加overflow:hidden
on the ul.menu
正如 Honeybuzzer 提到的那样,但由于这也会切断顶部阴影,因此您应该添加一些padding-top
to the ul.menu
还有..
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)