解决页面加载时不稳定的 CSS 转换触发问题 在涉及 CSS 转换的常见场景中,开发人员经常会遇到不良的视觉效果,即页面加载时元素闪烁。当将过渡属性应用于元素时,会出现此问题,导致初始显示时颜色从黑色转变为指定的颜色。 要解决此问题,重要的是要考虑浏览器的参与。此问题已被明确确定为 Google Chrome 中的错误。根本原因在于当网页包含 时触发 CSS 转换。 一个简单有效的解决方案是附加一个空白的 元素。标记到页面的页脚,仅包含一个空格。这个小调整纠正了这个问题,防止了页面加载时不必要的转换。 对于那些寻求更详细了解的人,您可以通过以下链接跟踪此问题的进展: https://crbug.com/332189 https://crbug.com/167083