隐藏部分阴影 [英] Hide Section of a Box Shadow

问题描述

免责声明：我已经看到以下问题，他们的解决方案不适用于我，即使他们是非常相似的情况：

• 在所有面创建CSS3框阴影，但只有一个


• 如何在标签菜单中向当前元素添加阴影？


• 三面的CSS阴影

简单地说，将 -moz-box-shadow 添加到 .current_page_item code>类应用于我的网站顶部的标签导航中的当前活动标签。网站还没有包括实际的盒子阴影或任何这些变化，我只是一直在玩这些修改在firebug现在在我实际发布他们。当然，这会导致阴影出现在所有方面，所以底部边缘的阴影重叠到 .content div中，它存储所有博客的实际内容，即帖子。 p>



根据我所看到的，我似乎应该设置 z-index 的东西，不确定什么（ ul.menu ）到 z-index .content div到更高的位置，但这似乎没有效果。

我只是想知道if这是正常的行为，如果没有，如果有人可以帮助我这种情况。

谢谢，我真的很感激它。

EDIT ：我把 box-shadow 放在帖子之前，但我的意思是各个具体的指令，例如 -moz-box-shadow 。

解决方案

你需要添加 overflow：hidden <作为honeybuzzer提到的在 ul.menu ，但是由于这也将截断顶部阴影，你应该添加一些 padding- top 到 ul.menu 以及..

Disclaimer: I have already seen the following questions and their solutions did not apply to me even though they are very similar situations:

• Creating a CSS3 box-shadow on all sides but one
• How to add drop shadow to the current element in a tab menu?
• CSS shadows on 3 sides

Simply put, I am trying to add a -moz-box-shadow of 0 0 10px to the .current_page_item class that is applied to the currently active tab in the tab navigation at the top of my website. The website does not yet include the actual box-shadow or any of these changes, I have only been playing with these modifications in firebug for now before I actually publish them. Naturally this causes the shadow to appear on all sides, and so the bottom edge's shadow overlaps into the .content div which stores all of the blog's actual content, i.e. posts.

Based on what I have seen so far, it seems like I should set the z-index of something, not sure what (I have tried ul.menu) to something lower and the z-index of the .content div to something higher, but this seems to have no effect.

I am just wondering if this is normal behavior and if not, if someone could help me out with this situation.

Thanks, I really appreciate it.

EDIT: I put box-shadow in the post earlier, but I meant the respective specific directives, such as -moz-box-shadow. That was not the problem I was having.

解决方案

You will need to add overflow:hidden on the ul.menu as honeybuzzer mentions, but since that would also cut-off the top shadow you should add some padding-top to the ul.menu as well..

这篇关于隐藏部分阴影的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！