如何实现鼠标经过图片热区弹出一张小图？

Question

我用dw给一张图片画了四个固定的热区
如何实现鼠标经过热区弹出一个小图片，鼠标离开后图片关闭。

Answer 1

分几步：
第一，你需要一个容器装图片如div，这个div为热区的子元素
第二，装图片的div默认不显示，display:none
第三，鼠标移入热区显示图片，设置伪类:hover，然后图片显示出来，display:block
第四，对图片的div进行定位，父容器热区的div进行相对定位position:relative，图片容器使用绝对定位position:absolute，然后其改变其top跟right即可