大先生G 2021-09-30 04:33 采纳率: 100%
浏览 42
已结题

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

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

  • 写回答

3条回答 默认 最新

  • 前端不释卷leo 前端领域新星创作者 2021-09-30 06:57
    关注

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 10月8日
  • 已采纳回答 9月30日
  • 创建了问题 9月30日

悬赏问题

  • ¥15 我需要全国每个城市的最新小区名字等数据。
  • ¥15 开发一个小区生态的小程序
  • ¥15 MddBootstrapInitialize2失败
  • ¥15 LCD Flicker
  • ¥15 Spring MVC项目,访问不到相应的控制器方法
  • ¥15 esp32在micropython环境下使用ssl/tls连接mqtt服务器出现以下报错Connected on 192.168.154.223发生意外错误: 5无法连接到 MQTT 代理,如何解决?
  • ¥15 关于#genesiscsheel#的问题,如何解决?
  • ¥15 Android aidl for hal
  • ¥15 STM32CubeIDE下载程序报错
  • ¥15 微信好友如何转变为会员系统?(相关搜索:小程序)