问题补充说明：如何用css或者js实现当鼠标移动到上面，出现另一张图片，而原图片依然在它的下面。（也就是，当鼠标移动到上面，出现一层水印效果）... 如何用css或者js实现当鼠标移动到上面，出现另一张图片，而原图片依然在它的下面。（也就是，当鼠标移动到上面，出现一层水印效果） 展开
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" conten360问答t="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>水印测试</title>
<style>
.怎课美观肥才div{
position:relative;
width希:300px;
height:300px;
background:url(img/1.jpg) no-repeat left top;
back次实ground-size:100%;
}
.div .ico得{
width:100px;
height:100px;
position:absolute;
right:10px;
bottom:10px;
display:none;
back厂宁督ground:url(img/1.png) no-repeat le容吧名保ft top;
background-size:100px;
}
.div:hover .ico{
d得等屋斤重英黑战京树序isplay:block;
}
</style>
</head>
<body>
<div >
<d假油石号建被检iv ></div>
</div>
</bo转的著自dy>
</html>
这个是用纯css实现的，换成图片一个道理。
标签：源码,HTML
