Question

访问我的网站：http://www.oneniceday.com

即使图像尺寸为1920 x 1080像素，背景图像在我的屏幕上看起来也很模糊。我使用jquery脚本来处理这个bg的事情，因为css方法都给了我不想要的结果。

有没有办法解决这个模糊问题？

Answer 1

.backgroundImage
{
position: fixed;

background-image: url(bg2.jpg);
background-size: cover;
-webkit-filter: blur(12px);
-moz-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
 filter: blur(5px);
z-index: 0;
}

我的工作尝试

Answer 2

这个问题也是我经常遇到的问题。

图像不是HD，（它具有低像素率），因此您的眼睛倾向于分别看到每个像素，从而为您提供模糊效果。这不是你的代码。如果您自己拍摄图像，请尝试使用其他设备拍摄。如果您在网上查找，请尝试使用关键字＆＃34; HD＆＃34;在你的搜索中。

如果图片只有你自己打开图片文件并将其放大到全屏时有更多的像素，那么你可以将它作为具有更多像素的文件上传到你的代码中

Answer 3

回复！我发现了这个问题：因为这个自适应图像脚本和.htaccess文件会自动调整我的所有图像！它现在工作正常！ TKS！ :-)

网站中的全屏背景图像看起来很模糊

3 个答案: