鼠标滑过周围出现绿色的变不知道什么原因造成的,求教各位大神?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{margin: 0;}
.pic{width:500px;height: 300px;border: 1px solid #ccc;position: relative;}
.bg{width: 100%;height: 100%; display: block; transition: all 225ms ease; -moz-transition: all 5s ease;background-color: #1E76C1;}
.tu{width: 100%;height: 100%; display: block; position: absolute; top: 0; left:0; background-size: cover;background-position:50% 0;background-repeat: no-repeat;transition: all 5s ease-out; -moz-transition: all 445ms ease;background-color: #1E76C1;transform: scale(1);}
.pic:hover .tu{opacity: 0.1;transform: scale(1.04);-moz-transform: scale(1.04);}
</style>
</head>
<body>
<div class="pic">
<a href="javascript:void(0)"></a>
<span style="background-image: url(tu.png);"></span>
</div>
</body>
</html>
淡雅的默