你这个例子如果没有其他设计需要的话不需要再给 img 外面加个 div 来用绝对定位，直接把绝对定位用到 img 上不必写多余的标签来套住 img 元素

绝对定位不要乱用，一般情况下都不单独用绝对定位属性：position:absolute;

要保证各个分辨率下不乱的关键是绝对定位的东西要套在一个具有相对定位属性的父级元素里面下面代码中div是父级元素，img是子级元素：

这样绝对定位的东西就是相对于它父级元素的位置来定位的，就不会乱

下载百度知道APP，抢鮮体验

使用百度知道APP立即抢鲜体验。你的手机镜头里或许有别人想知道的答案

下载百度知道APP抢鲜体验

使用百度知道APP，立即搶鲜体验你的手机镜头里或许有别人想知道的答案。

该楼层疑似违规已被系统折叠 

点击图片放大再次点击图片缩尛的功能，其实实现这样的功能很多今天我们讲解其中一种方法。

1. 打开PowerPoint软件 在插入菜单中选择”图片“/”来自于文件“

2. 插入自己喜欢嘚图片文件，再适当调整图片的大小如图所示。

3. 再新增一页幻灯片选择幻灯片，直接按ENTER键就可以增加了

4. 在新建的空白幻灯片中，同樣插入这个图并将这个图片设置成跟幻灯片一样大小

5. 选择第一张幻灯片，右击在弹出的菜单中选择”超链接“命令

6. 在”插入超链接“窗口中选择左侧的“本文档中的位置”，再在右击选择“幻灯片2”

7. 同样的方法选择第二张幻灯片，右击在弹出的菜单中选择”超链接“命令

8. 在”插入超链接“窗口中选择左侧的“本文档中的位置”，再在右击选择“幻灯片1”

9. 这样的我们再播放测试一下效果就可以达到點击图片自动放大再点击恢复的功能。其实这个方法的本质是通过自动跳转来达到图片缩放的功能