Question

网站设计css如何鼠标悬停覆盖另一张图片

第一张图片鼠标在黑色悬停变成第二张图片





Answer 1

<div class="div">
<div class="img1 img">
    <img src="https://gss0.baidu.com/9vo3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/b8389b504fc2d5623c4a2718ec1190ef77c66c81.jpg">
</div>
<div class="img2 img">
    <img src="https://gss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/1e30e924b899a9011c88acc316950a7b0308f582.jpg">
</div>
</div>
<style>
.div{position:relative; width:800px; margin:auto;}
.img{position:absolute; z-index:0;}
.img2{left:150px; top:100px;}
.img1:hover{z-index:1;}
</style>

利用hover伪类就可以实现，自己再稍微修改下就可以了，解决请采纳

追问

可以了谢谢!