如何从背景图像中删除可见像素

时间:2018-10-08 15:42:24

标签: html css image background-image repeat

我对background-image有疑问。在某些分辨率下,我看到我的框架开始在内部复制。如果我降低background-size的值,那么内部的问题就解决了,但外部又开始重复。我不知道如何强制background-image不能在所有宽度上重复。我的部分看起来像:

background-image: url('...');
background-position: center;
background-size: 16.5%;
background-color: #000000;
width: 100%;
height: 100%;
padding: 0 3.1% 3.1%;

Here is duplicate inside Here is duplicate outside How it should look

1 个答案:

答案 0 :(得分:1)

尝试添加:

background-repeat: no-repeat;