猿问

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

相关分类

JavaScript
我要回答