父DIV中的圆角不影响儿童DIV

所以，我正在尝试在CSS3中使用圆角（不在IE中，不在乎它是否在那里工作），并且我拥有DIV，其中包含我的所有内容生活看起来不错。我遇到的问题是有些儿童DIV没有被父母的圆角蒙上阴影。我不想找孩子继承圆角。我只想让父内的任何内容在被舍入的位置不可见，就好像它被屏蔽了一样。我尝试使用“溢出：隐藏”，但似乎没有办法。父DIV中的圆角不影响儿童DIV

有没有人有任何想法圆角的容器DIV的孩子可以被父DIV掩盖？如果它有任何用处，我使用“position：absolute;”在父DIV上。不知道这是否会有所作为。

谢谢！

来源

2011-03-11 linnium

尝试在div上使用padding-top和padding-bottom。 – yoavmatchulsky 2011-03-11 19:31:52

溢出：隐藏的作品在铬 – 2011-03-11 19:32:50

我怀疑有一个确切的，直接的解决方案。但是，如果您可以提供更多的细节，可能有一种方法可以实现您所要达到的效果。你想掩盖什么样的内容？你可以发布一些示例代码？ – gilly3 2011-03-11 23:57:49

在div上使用填充。如果您使填充等于半径，则不必担心任何重叠或出现在圆形区域中的内容。

<style> 
.round{ 
border-radius:10px; 
padding:10px; 
background-color:red; 
} 
</style> 

<div class="round">Rounded Corners</div>

这里有一个有用的网站，讲述所有关于CSS3边界半径：http://www.css3.info/preview/rounded-border/。

来源

2011-03-11 20:02:27

我不认为我正确地解释了这一点。我希望孩子的DIV出现在父母角落的一个角落。 – linnium 2011-03-11 22:30:41

尝试将overflow: hidden;添加到父元素。这为我解决了这个问题。

来源

2014-01-31 17:27:00

天才，谢谢:)刚刚解决了我的问题 – 2014-09-22 11:39:42

父DIV中的圆角不影响儿童DIV

回答

相关问题