消除页面加载时 CSS 过渡闪烁
问题:
CSS 过渡会引发不必要的错误页面加载期间闪烁效果,将元素从黑色过渡到指定的颜色。
原因:
当网页包含
Chrome 中的一个错误会在网页包含 时启动 CSS 转换。表格>
解决方案:
-
解决闪烁问题:
添加一个空的<script>元素。标签:<pre class="brush:php;toolbar:false"><code class="html"><script> </script>
- 合并 <script>页脚中带有单个空格的标签:<p><strong><p>使用 SASS 或 Less:<pre class="brush:php;toolbar:false"><code class="sass">.class {
@transition(color .2s);
color: #000;
&:hover {
color: #FFFF00;
}
}</script>
合并诸如 SASS 或 Less 之类的预处理器来换行函数中的转换声明:
在 https://crbug 跟踪错误进度.com/332189 和 https://crbug.com/167083。所提供的解决方案专门针对 Chrome 浏览器。
以上是为什么我的 CSS 转换会导致 Chrome 页面加载时闪烁?的详细内容。更多信息请关注PHP中文网其他相关文章!