我有父母div。此父div具有一些边界半径。在这个div内,我有一个子div。此子div具有背景图片。如何添加一些CSS样式,以便背景图像位于父div半径边界内?

<div class="zc-normalradius zc-bgcolor-normal singleLink">
            <div id="singleLinkPicture" class="singleLinkPicture" />
</div>

最佳答案

您可以将overflow: hidden添加到父divhttp://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/

10-12 12:58
查看更多