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

标签 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

最佳答案

尝试添加:

background-repeat: no-repeat;

关于html - 如何从背景图像中删除可见像素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52705813/

相关文章:

java - 如何使用 thymeleaf 在 div 标签中渲染tinymce内容

css - Wordpress:为什么我的子主题没有携带一些 CSS?

javascript - jQuerys "hasClass"的反义词是什么?

javascript - jQuery 脚本未在初始页面加载时执行

ImageMagick 裁剪巨大的图像

java - 在java gui中添加多个图像

javascript - 将许多新图像绘制到 Canvas 时内存泄漏

javascript - 获取指定位置的元素 - JavaScript

html - 使用外部文件 W3.css 中的类创建 LESS mixin

javascript - 如果 css div :active moves it,则不会触发 div onclick 事件