html - 为什么在移动版全屏背景图像模糊？

<分区>

关闭 6 年前。

为什么在移动版本中全屏背景图像模糊(仅在设备上。)？我该如何解决这个问题？

最佳答案

图像模糊是因为它们有 background-attachment: fixed。此属性将图像拉伸(stretch)到整个窗口大小，因此在移动设备上它们看起来是模糊的。要解决此问题，请尝试设置 background-attachment: fixed from a specific size。例如:

.class-with-background{
  @media (min-width: /* size to apply the fixed background */){
    background-attachment: fixed;  
  }
}

通过使用此 CSS 代码，您在浏览器上查看时不会丢失图像的任何部分

关于html - 为什么在移动版全屏背景图像模糊？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38375390/

相关文章：

javascript - 垂直对齐居中图像旁边的多行文本响应