固定全屏幕背景图片在Iphone上行为怪异

Question

我尝试在我的页面上有4个全屏背景图像（我认为它被称为英雄部分）。 我使用这种风格的每一行都有全屏背景。

.kimiabg {
    background: url(http://kimia-tak.com/wp-content/uploads/2018/02/s2.jpg);
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height: 100vh;
    padding: 2rem 0;
}

一切都很好。除非在iPhone上显示背景。它很模糊。我真的不知道是什么问题。

您可以在此处查看实时网站：http://kimia-tak.com

Answer 1

onReadingChanged: { if (reading.near) console.log("it is near") else console.log("it is far") } 是问题所在。 iOS Safari不支持此功能。

  

我可以使用background-attachment: fixed;吗？

     

iOS Safari：

     

  
• 部分支持是指支持本地但不是固定的
  
• 仅支持本地 - -webkit-overflow-scrolling：不使用touch
  

     

https://caniuse.com/#search=background-attachment

有关更多信息和解决方法，您可以查看 @fernandopasik 对类似问题的回答：https://stackoverflow.com/a/23420490/7426156