CSS剪切图像与其他图像
CSS剪切图像与其他图像
提问于 2017-05-08 22:05:38
我有这个div。
.a {
background-image: url(url_image);
height: 400px;
background-position: bottom;
background-attachment: scroll
}<div class="a">
<div class="b">
<div class="content1">
</div>
<div class="content2">
</div>
<div class="content3">
</div>
</div>
.a图像具有不规则的边框：
我需要将背景图像放到div .b中，并获得如下内容：
这个是可能的吗？
回答 1
Stack Overflow用户
发布于 2017-05-08 23:10:45
您需要翻转这两个图像。背景图像需要放入.a，不规则的边框图像需要放入.b。把这看作是画一幅画，你从背景开始，然后添加前景。前景图像需要有一个透明的背景，这样您才能看到背景图像。(这将是上面不规则背景图像的蓝色部分)
.a {
background-image: url(myImage);
background-size: 100% 100%;
height: 400px;
background-position: bottom;
background-attachment: scroll
}
.b{
background-image: url(irregularBorder);
background-size: 100% 100%;
height: 400px;
background-position: bottom;
background-attachment: scroll;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43849791
复制相关文章
相似问题
腾讯云开发者
