两个错误：1、transition代码应该放在鼠标覆盖前的样式中；2、easy应该改为ease
下面是我修改后的代码：
<html><head>
<title>无标题文档</title>
<style type="text/css">
.a {width:200pxheight:200pxbackground-color: #6F0-webkit-transition:background-color 3s ease 1s-moz-transition:background-color 3s ease 1s-ms-transition:background-color 3s ease 1s-o-transition:background-color 3s ease 1stransition:background-color 3s ease 1s}
.a:hover{background-color: #0CF}
</style>
</head>
<body>
<div class="a"></div>
</body>
</html>
补充说一下，除了Safari浏览器需要webkit前缀，其他浏览器都已直接支持transition属性，所以代码可简化为：
<html><head>
<title>无标题文档</title>
<style type="text/css">
.a {width:200pxheight:200pxbackground-color:#6F0-webkit-transition:background-color 3s ease 1stransition:background-color 3s ease 1s}
.a:hover{background-color: #0CF}
</style>
</head>
<body>
<div class="a"></div>
</body>
</html>
打开域名是默认是直接指向index.html index.htm这些的，需要打开home.html的话就需要在域名后面加后缀了，如果你想直接打开域名跳转index这个不用调就可以，但是如果想使用home.html就需要在web服务器（apache或者iis）里面调了，如果只有一个FTP空间就没法调了。欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）