在我手动与开发工具交互并触发刷新之前，未应用 css 样式

Question

我正在用 cordova 开发一个应用程序，webview 是 chromeview 33，device nexus 4。

我使用的是一个简单的背景，当单击 btn 时应该将其不透明度更改为 0.5。

过渡是用 velocity.js 完成的，我也在为其他过渡使用 velocity，它们都工作正常。

然而，我的背景转换在这个设备/webview 上不起作用，不透明度保持为 0(我想，因为我看不到它)，而远程开发工具显示一个变化的值高达 0.5(正确的目标值)，效果仅在我在 chrome 开发工具中移动鼠标后可见，每次将鼠标悬停在任何元素上都会触发重绘或类似应用正确样式 0.5 的东西。

tl;dr chrome 开发工具 将正确的值显示为元素的内联样式属性 但不要真正应用它直到我不知何故通过在 chrome 开发工具中移动我的鼠标来触发重绘

这只发生在 chromeview 33/nexus 4 上，不仅在打开开发工具时发生

Answer 1

Webkit 充斥着这种错误，您必须通过查询强制布局的元素的样式属性来强制重排，例如宽度/高度。