网站中的全屏背景图像看起来很模糊
请访问我的网站：http://www.oneniceday.com
背景图像在我的屏幕上看起来真的很模糊，即使图像大小是1920 x 1080像素。我正在使用一个jQuery脚本来处理这个bg的事情，因为css方法都给了我不希望的结果。
有什么方法可以解决这个模糊问题吗？
共有3个答案
这个问题我也经常遇到。
图像不是高清的（它的像素率很低），所以你的眼睛倾向于分别看到每个像素，给你模糊的效果。这不是你的密码。如果您自己拍摄图像，请尝试使用其他设备拍摄。如果你在网上查到它，试着在搜索中输入关键字“HD”。
如果你只打开图片文件并将其放大到全屏时，图片的像素数更多，那么你可以将其作为像素数更多的文件上传到代码中
TKS的回复！我发现了问题：这是因为这个自适应图像脚本和. htaccess文件，它是我所有图像的自适应大小！现在工作正常了！Tks！：-）
.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;
}
它对我的工作尝试
-
我看到许多应用程序使用全屏图像作为背景。这是一个例子： 我想在项目中使用它，到目前为止，我发现最好的方法是使用大尺寸的图像，将其放入并使用来调整边距 问题是，如果屏幕分辨率非常高，图像质量就会下降。 我想到的另一个选择是使用中的图像，将中的和作为背景...这拉伸了图像，但我认为结果不是很好... 你会怎么做？
-
背景图像在大屏幕上不显示为完整图像，但在小屏幕上很合适。 在所有的屏幕上，图像都有一个特定的维度来作为响应？
-
问题内容： 我对前端开发和基础非常陌生。 我正在尝试成为响应时按比例缩小的全屏图像。 谁能告诉我我在做什么错？它可以正确缩放，但无法显示完整图像。我还希望将其放在移动设备上，这可能吗？ HTML： CSS： 问题答案： //HTML 要么 要么
-
根据Flutter文档，我试图使用DecoratedBox加载一个全屏图像作为容器的背景图像。 但我得到以下错误： 显然，包没有正确解析。有人知道我到底做错了什么吗？
-
问题内容： 我只是从一个网站上开始，已经遇到了一个小问题，无法找到特定的解决方案。 我想让我的网站背景适合任何屏幕尺寸，无论宽度，高度都没有关系。 这是我的图片的链接： 编辑 我不知道出了什么问题，但是由于某种原因，身体甚至不想获取背景图像。它仅显示纯白色背景。 问题答案： 您可以使用此插件http://dev.andreaseberhard.de/jquery/superbgimage/ 要么
-
问题内容： 我想将此图像作为网页的背景图像。但是，问题是图像不能覆盖整个页面，正如您在此预览中可能看到的那样，并且图像在最右端重复出现。有没有一种方法可以使图像覆盖整个页面（可以是任何方式，拉伸，调整大小或其他新方式）。 我的代码： 谢谢。 更新： 我现在终于相信，几乎没有什么可以使该图像完全适合我的PC屏幕的。我现在还可以，并且要继续前进，请不要发布答案。 问题答案： jsBin演示 （背景附件