Android 2.3 上的 webkit 渲染问题 - 一些列表视图元素的边界模糊

Posted 2023-03-05

【中文标题】Android 2.3 上的 webkit 渲染问题 - 一些列表视图元素的边界模糊

【英文标题】：webkit rendering issue on Android 2.3 - some listview elements have blurry borders

【发布时间】：2013-01-07 23:09:11

【问题描述】：

我不确定这是姜饼中的 webkit 渲染错误，还是我用于构建网站的框架（Kendo UI Mobile）的问题...

我在一个列表视图中有多个列表项。每个项目之间有一个 2px 的边框。

奇怪的是，每个偶数边界都是模糊的，而每个奇数边界都是清晰的。当我滚动页面时，问题将在边界之间来回切换（偶数边界清晰，奇数边界模糊。滚动。偶数边界模糊，奇数边界清晰）。

有谁知道这是渲染问题是在 android 的 2.3+ 默认浏览器使用的实际 webkit 核心中，还是可能是通过 Kendo UI Mobile 应用的 css？

我确实注意到剑道列表项，正在应用 -webkit-translatez(0) 规则。但我不知道这是否相关。

任何帮助将不胜感激。我可以忍受它，但这很烦人，所有

我正在使用最新的 JQuery 和 Kendo UI Mobile 主要版本。

【参考方案1】：

这是对最新版本的更改，以避免在以前的版本中有时由于 Android 错误而丢失边框。现在边框是用盒子阴影完成的，但在 Android 2.3 中，根本不会渲染没有模糊的盒子阴影（另一个 Android 错误），因此我们使用模糊来处理它们，因此您会看到。

【讨论】：

非常有趣，而且非常有意义，尤其是解决 android 2.3 的许多陷阱。非常感谢您的更新！