CSS 背景图像呈现模糊而不是完全
埃德加·纳瓦萨迪安
我在尝试将图像作为背景放置在我的网站上时遇到问题。这是原始图像的样子：
这是图像在我的网站上的显示方式（来自 Chrome）：
如您所见，图片并未完全渲染（从咖啡杯和笔记本显示器上可以清楚地看到）。
这是我使用的CSS：
body {
overflow:hidden;
background: url('/static/media/images/welcome1.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
我究竟做错了什么？
约翰尼斯
看起来您使用的图片版本太小，当它放大到超出其自身大小时会变得模糊。
如果可能，使用更大的版本：那是来自 pixabay 或其他东西的库存照片，不是吗？去那里看看是否有更大的版本可用（通常有），然后使用它。
顺便说一句：我重读了这个问题：你说你缺少咖啡杯和笔记本显示器的部分：这是由于显示的图像部分的宽度/高度比例不同。当您使用background-size: cover背景图像填充整个可用空间时，这会自动发生。（我的回答的第一部分提到了模糊性）
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
背景图像模糊的CSS技巧
- 2
使用CSS模糊图像或背景图像的边缘
- 3
如何仅在CSS中模糊背景图像
- 4
CSS：如何在div中模糊背景图像？
- 5
使用CSS模糊没有背景图像的元素
- 6
CSS：如何在div中模糊背景图像？
- 7
SVG不会呈现为CSS背景图像
- 8
html <img>标记而不是CSS背景图像
- 9
CSS背景图像不显示不是路径问题
- 10
使CSS背景图像响应
- 11
背景图像路径css
- 12
使CSS背景图像响应
- 13
使 CSS 背景图像滚动
- 14
<div>使用CSS使背景图像的一部分模糊
- 15
<css>用css旋转背景图像
- 16
如何响应加载图像，但将其用作CSS背景图像而不是<img>？
- 17
如何在没有背景图像的情况下使用CSS 3模糊div下的div？
- 18
使用CSS更改背景图像的宽度
- 19
<img>顶部的CSS背景图像
- 20
从jQuery数组加载CSS背景图像
- 21
背景图像本身的CSS渐变
- 22
CSS响应式背景图像图
- 23
如何使CSS背景图像响应？
- 24
使CSS背景图像（SVG）响应
- 25
CSS：背景图像未显示
- 26
CSS背景图像删除组件
- 27
使背景图像适合HTML / CSS边框
- 28
平滑的CSS背景图像过渡
- 29
CSS使背景图像未对齐
我来说两句