通过拉伸覆盖SVG背景

时间:2019-04-20 18:00:43

标签: css css3 background background-image

我想覆盖整个宽度,但是图像要缩放到高度的70%。

<div class="Bg">Hello</div>
.Bg {
    background-image: url(https://svgshare.com/i/C_9.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 60vh;
    width: 100%;
}

所以我想要background-size: contain的行为,它将图像扩展到background-size: cover的宽度。

Codepen示例: https://codepen.io/anon/pen/oOyYoR

0 个答案:

没有答案