页面html如下：
4
387
a.css文件如下：
p{
width: 500px;
height: 100px;
background: #f60;
-webkit-transition: background linear .3s;
transition: background linear .3s;
}
p:hover{
background: #f00;
}如果css使用的是style加载在html里，则不会闪动，link的方式则会闪动。如果没有input元素，也不会闪动。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
如果有绝对定位元素，会有闪动后消失的情况，可以加
backface-visibility: hidden;属性来规避这个问题版本50，没有这个问题。确定只是这些代码？
版本51，有这个问题。
推测是51版的chrome浏览器的解析差异（没有找到相关文档说明），link实际上原理也是加载完成后添加到到style，正常来说浏览器都会把link的css加载完之后才会继续往下渲染。
html 中加入 script 标签可以解决
例如：
<script>0</script>stackoverflow