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

【问题标题】：Full-screen background images in website looks blurry网站中的全屏背景图像看起来很模糊
【发布时间】：2015-10-30 09:49:58
【问题描述】：

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

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

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

【问题讨论】：

您上传的图片尺寸似乎是 960x540 而不是 1920 x 1080

标签： jquery css image web background

【解决方案1】：

这个问题我也经常遇到。

图像不是高清的，（它的像素率很低）所以你的眼睛倾向于单独看到每个像素，给你带来模糊的效果。这不是你的代码。如果您自己拍摄图像，请尝试使用其他设备拍摄。如果您在网上查找，请尝试在搜索中输入关键字“HD”。

如果您只是打开图片文件并将其放大到全屏时，图片的像素更多，则可以将其作为具有更多像素的文件上传到您的代码中

【讨论】：

除了建议尝试找到更高分辨率版本的图像之外，这个答案并没有多大意义。

【解决方案2】：

.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;
}

它对我的工作尝试

【讨论】：

【解决方案3】：

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

【讨论】：