我有父母div。此父div具有一些边界半径。在这个div内,我有一个子div。此子div具有背景图片。如何添加一些CSS样式,以便背景图像位于父div半径边界内?
<div class="zc-normalradius zc-bgcolor-normal singleLink">
<div id="singleLinkPicture" class="singleLinkPicture" />
</div>
最佳答案
您可以将overflow: hidden
添加到父div
:http://jsfiddle.net/b4Ld4fg6/。或者,您可以将子级div
inherit
设置为父级的border-radius
。
HTML:
<div>
<div></div>
</div>
CSS:
body > div {
width: 100px;
height: 100px;
border: 1px solid #000;
border-radius: 100%;
overflow: hidden;
}
div > div {
height: 100%;
background: url(http://placehold.it/1000x1000)
no-repeat
center center/cover;
}
关于css - 如何让背景图片在具有半径边框的父div内,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25917863/