61,129
社区成员
发帖
与我相关
我的任务
分享三个图片，想达到效果：鼠标悬浮到该照片，该照片显示最前面
<!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>
...全文
请发表友善的回复…
发表回复
当作看不见 2016-09-28
- 打赏
- 举报
#img1 的positon 少了i position
逝_去_的_光_阴 2016-09-22
- 打赏
- 举报
#img1 的positon 少了i position
powerApower 2016-09-22
- 打赏
- 举报
那个单词呢，没有错误呢
斯洛文尼亚旅游 2016-09-22
- 打赏
- 举报
代码没问题，有个单词打错了
#img1 {
position: absolute;/*********单词打错了********/
left: 0;
top: 0;
}