主页

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

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>

...全文

5 条回复

当作看不见 2016年09月28日

#img1 的positon 少了i position

回复点赞

逝_去_的_光_阴 2016年09月22日

引用 2 楼 powerApower 的回复:

那个单词呢，没有错误呢

#img1 的positon 少了i position

回复点赞

powerApower 2016年09月22日

那个单词呢，没有错误呢

回复点赞

GoCityPass新加坡曼谷通票 2016年09月22日

代码没问题，有个单词打错了


        #img1 {
            position: absolute;/*********单词打错了********/
            left: 0;
            top: 0;
        }

回复点赞

发动态

发帖子

CSS

创建于2007-09-28

加入

3.1w+

社区成员

6.0w+

社区内容

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

社区公告

暂无公告