父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

回答

相關問題