考虑这个简单的 html 页面:
<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<div><form></form>
</div><br>
<div>some text</div>
</body>
</html>
test.css 文件包含:
div {
-webkit-transition: background-color 6s ease;
transition: background-color 6s ease;
background-color: red;
}
div:hover {
background-color: green;
}
在 Chrome 中加载或刷新页面时,您可以看到从灰色到红色的过渡。如果您删除 form 元素,div 将按预期开始为红色。如果没有 javascript/jquery,我该如何解决这个问题?
编辑:不要使用 jsfiddle 或 codepen 或类似的东西。问题出在页面加载上。这些不是整页加载。
我是一名优秀的程序员,十分优秀!