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

Question

我正在尝试使用PythonFlask和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

尝试检查图片的分辨率。看起来你的图片分辨率很低，这就是为什么当你试图扩展它时它会变得模糊的原因。如果你的分辨率还可以，试着写背景尺寸：100%；而不是背景尺寸：封面；。。。。。。。。。。。。我希望这能奏效：）

Answer 2

原始图像可能较大，当您将其合并到网站背景中时，它会放大，从而导致图像模糊

Answer 3

这可能是图像的低质量。尝试另一个图像