Android CSS 问题 : fantom white overlay (zoomable and touchable) in every browser very strange

Question

我制作了一个网站并在每个浏览器中查看它。所有浏览器都可以，但 Android 不行。

在约 30% 的网站高度之后，白色覆盖层一直延伸到页面末尾。

此错误会出现在每个 Android 浏览器中，例如 Chrome 或标准浏览器应用程序。我用 BrowserStack 检查了这一点。

首先，网站是here .

显示错误的屏幕截图:

screenshot 1

screenshot 2

我制作了视频来展示这个错误:https://youtu.be/UbXp7o-v64Y

实际上，我正在尝试但没有奏效:

• 移除 overflow-x
• 为 html 和 body 设置 z-index 9999
• 关闭所有脚本
• 在 HTML 中注释某些部分

我知道这个错误在 style.css 中因为如果我删除 <link>错误消失了(当然所有样式)

我如何检查这是什么？我在 android 上没有任何调试工具。任何想法。

Answer 1

我找到了!哦，我的上帝，这是多么愚蠢。

实际上我有 html, body { -webkit-filter: saturate(1.15);过滤器:饱和(1.15)； } 当我删除它时，一切正常!

这是一种魔法，我不知道它是如何工作的。