div背景图片怎么创建热点

发布网友发布时间：2022-04-29 19:11

共4个回答

热心网友时间：2022-05-12 13:13

图片加热点用area标签，可定义热点的位置。
示例如下：
<html>
<body>

请点击图像上的左边或者右边。

<img
src="/i/eg_planets.jpg" 
border="0" usemap="#planetmap"
alt="Planets" />

<map name="planetmap" id="planetmap">

<area
shape="circle" 
coords="180,139,14" 
href ="/example/html/venus.html"
target ="_blank"
alt="Venus" />

<area
shape="circle"
coords="129,161,10"
href ="/example/html/mercur.html"
target ="_blank"
alt="Mercury" />

<area
shape="rect"
coords="0,0,110,260"
href ="/example/html/sun.html"
target ="_blank"
alt="Sun" />

</map>

注释：img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。

</body>
</html>

热心网友时间：2022-05-12 14:31

是的，热点只有插入图片才能用，你可以做一个透明的图片，覆盖在背景上面，然后在这张透明图片上做热点，但是按照现在的网页来说，不建议你用热点了，这个快被淘汰了。。

热心网友时间：2022-05-12 16:05

热点需要用fireworks做切片追问这个我知道，我想知道不用切片，div做背景能做热点吗

追答用相对和绝对定位也可以

热心网友时间：2022-05-12 17:57

加热点在DW里插入图片，左下角有的热点工具，，不就行了？