关于第一阶段第三周的浮动与定位这节的第三节定位的3-12编程问题
问题描述：
绝对地址好像有问题
相关代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
.a1 {
width: 370px;
height: 370px;
position: fixed;
left: 0;
top: 50%;
margin-top: -185px;
}
.a2 {
width: 370px;
height: 370px;
position: fixed;
right: 0;
top: 50%;
margin-top: -185px;
}
</style>
</head>
<body>
<div >
<img src="http://img1.sycdn.imooc.com/climg//59c9f7ce0001839219034033.png">
<a class="a1" href="http://img1.sycdn.imooc.com/climg//5a3383c70001f1b702240364.png">
</a>
<a class="a2" href="http://img1.sycdn.imooc.com/climg//5a3383d00001a3dd02240364.png">
</a>
</div>
</body>
</html>
源自：浮动与定位
3-8 绝对定位（2）
10
收起
正在回答 回答被采纳积分+1
2回答
好帮手慕慕子
2021-06-01 19:00:53
同学你好，如果想要图片具有链接功能，可以使用a标签包裹图片，如下：
为什么使用a标签不可以，可以参考如下解析，了解下href和src的区别，如下：
1、href是Hypertext Reference的缩写，表示超文本引用，建立和当前元素或者是当前文档的链接关系。常用与a、link等标签
2、src是source的缩写，表示对资源的引用，会将指向的内容嵌套到当前元素所在的位置。常用与img、script等标签
示例：在img和a标签都引入了一张图片。
在浏览器打开页面之后，只能看到一张被引用的图片，如下图所示
而另一张图片，需要点击a标签上的文字“测试”，才可以看到图片
从上面的小例子可以了解到，img标签的src属性是直接将引用的资源替换到当前位置，而a标签虽然也使用href属性引用了图片，但需要点击a标签才可以看到图片，也就可以说明a标签的href属性会建立一个与引入资源的链接关系。
总结起来就是：href是元素或文档与指定资源的链接关系；src是将资源嵌入到当前位置，构成文档的直接内容。
本题中需要直接在页面中看到图片，所以要使用img标签。
祝学习愉快~
相似问题
关于绝对定位和浮动混排
9
0
3
清除浮动指清除哪里的浮动
2
1
6
关于banner盖住menu-box的问题
0
0
11
关于relative可以使浮动元素发生偏移的问题
1
0
5
关于第三阶段与第四阶段的学习
10
0
1
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星