CSS 上的背景图像模糊/像素化

Question

我正在尝试使用 Python Flask 和 MySQL 制作登录系统。我尝试使用 CSS 对 html 模板进行样式设置，并使其看起来不错，但由于某种原因背景图像模糊。我试过做“图像渲染：”但它没有用。有没有办法解决这个问题？

代码：

body{
    margin: 0;
    padding: 0;
    background: url('/static/background2.jpg');
    background-size: cover;
    background-position: center;
    font-family: sans-serif;
}

Answer 1

尝试检查图片的分辨率。看起来您的图片分辨率低，这就是为什么当您尝试扩展它时它是模糊的。如果你的分辨率没问题，试试写 background-size:100%;而不是背景大小：封面;……我希望这有效:)

Answer 2

原图可能比较大，合并到网站背景中时会放大，导致图片模糊。

Answer 3

这可能是低质量的图像。尝试另一张图片！