html – Div,背景图像和图像映射

在我正在创建的网页上,我有一个带背景图片的div.我在图像上覆盖了一些我经常更改的文本,这就是为什么我使用背景图像和真实文本而不是包含文本的img标记.

背景图像包含一些可点击区域,因此我需要一个图像映射.

我认为最好的方法是使用透明图像制作另一个叠加div,并为透明图像创建一个与背景区域可点击区域对应的图像映射.

我是在正确的轨道上,还是有更好的方法

解决方法

如果您只需要图像映射中链接的“矩形”形状,则可以使用css定义的链接位置.这是通过指定位置并将背景颜色设置为透明来实现的.这是一个例子: http://www.position-relative.com/tutorials/tute1_css_bg_image.php

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些