我有一个具有以下 CSS 样式的
结果如下所示: 正如您可以在元素的左侧和底部看到的那样,有两条蓝线(颜色对应代码
如果我删除样式
有什么办法可以解决这个问题吗?
原始图像的尺寸为 1779x683 像素,但我希望它适用于任何图像大小。
#div
元素:width: 413px;
height: 140px;
background-image: url("URL-TO-IMAGE");
background-color: #53A7E7;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
结果如下所示: 正如您可以在元素的左侧和底部看到的那样,有两条蓝线(颜色对应代码
#53A7E7
)。如果我删除样式
background-size: cover;
,这两条线就会消失,图片将覆盖整个元素表面。有什么办法可以解决这个问题吗?
原始图像的尺寸为 1779x683 像素,但我希望它适用于任何图像大小。
#div {
width: 413px;
height: 140px;
background-image: url("https://istack.dev59.com/SvWWN.webp");
background-color: #53A7E7;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
<div id="div"></div>
width:115vw; height:=110vh;
。 - Progs