三个图片,想达到效果:鼠标悬浮到该照片,该照片显示最前面

powerApower powerApower 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区

<!doctype html>

<html>
<head>

<title>我的第一个网页</title>

<meta charset="utf-8"/>
<style type="text/css">
div{
width:10px;
height:10px;
border:1px solid red;
margin:200px auto;
position:relative;

}
#img1{
positon:absolute;
left:0;
top:0;
}
#img2{
position:absolute;
left:50px;
top:-150px;
}
#img3{
position:absolute;
left:-250px;
top:-50px;
}
img:hover{
z-index:500;
}
</style>
</head>
<body>
<div>
<img src="../image3/10.bmp" id="img1"/>
<img src="../image3/3.bmp" id="img2"/>
<img src="../image3/4.bmp" id="img3"/>
</div>
</body>
</html>
...全文

相关推荐

评论 5
收藏 已收藏
分享
返回顶部
powerApower
CSS 61,117 成员 60,701 内容