chrome下，如果页面存在input元素，则使用了transition的元素会先闪动一下?-Questions et réponses sur le réseau chinois PHP

communauté

Apprendre

Bibliothèque d'outils

Outils d'IA

Loisirs

Français

chrome下，如果页面存在input元素，则使用了transition的元素会先闪动一下?

高洛峰 2016-11-07 16:02:19

840

页面html如下：

<!DOCTYPE html><html><head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="a.css">
    </head><body>
    <input type="text">
    <div></div>
    </body></html>

a.css文件如下：

div{    width: 500px;  
  height: 100px;   
   background: #f60;  
  -webkit-transition: 
  background linear .3s;  
    transition: background linear .3s;
  }
  div:hover{   
   background: #f00;}

如果css使用的是style加载在html里，则不会闪动，link的方式则会闪动。如果没有input元素，也不会闪动。