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

powerApower 2016-09-22 03:59:08

<!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>
...全文
419 点赞 收藏 5
写回复
5 条回复
当作看不见 2016年09月28日
#img1 的positon 少了i position
回复 点赞
逝_去_的_光_阴 2016年09月22日
引用 2 楼 powerApower 的回复:
那个单词呢,没有错误呢
#img1 的positon 少了i position
回复 点赞
powerApower 2016年09月22日
那个单词呢,没有错误呢
回复 点赞
代码没问题,有个单词打错了

        #img1 {
            position: absolute;/*********单词打错了********/
            left: 0;
            top: 0;
        }
回复 点赞
发动态
发帖子
CSS
创建于2007-09-28

3.1w+

社区成员

6.0w+

社区内容

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区公告
暂无公告