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

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

它对我有用