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

Question

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

http://www.kreativi.linuxpl.eu/kitchooshop/fr/

Answer 1

图像模糊，因为它们具有背景附件：固定。此属性将图像拉伸到窗口的整个大小，因此在移动设备上它们看起来模糊。要解决此问题，请尝试设置背景附件：从特定大小修复。例如：

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

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