<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="" />
<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
background-size:100%
}
.div .ico{
width:100px
height:100px
position:absolute
right:10px
bottom:10px
display:none
background:url(img/1.png) no-repeat left top
background-size:100px
}
.div:hover .ico{
display:block
}
</style>
</head>
<body>
<div class="div">
<div class="ico"></div>
</div>
</body>
</html>
这个是用纯css实现的,换成图片一个道理。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)