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

页面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元素，也不会闪动。

交互式爱情

浏览 584回答 1

1回答

随时随地看视频慕课网APP