2010-07-09 71 views
1

我想创造一个盒子,你可以点击并转发到,所以我想“#”这将是一个不错的主意绘制背景图片:如何在div标签

但不幸的区域地图不能用于div或p标签:/ 任何人都有一个想法是一个好的解决方案是什么?

+0

遗憾离开了我的代码

<区域HREF = “#” COORDS = “20,20,180,180” bee 2010-07-09 11:25:56

+0

我认为这很可能是一个http://doctype.com/ -question。 – JanD 2010-07-09 11:26:16

+0

不确定,但我认为'usemap'只对图像有效 – DrColossos 2010-07-09 11:31:13

回答

1

这不是php相关的,因为它发生在导航器中。 改为使用javascript:

<div style='background:url(image.jpg)' onclick='function(){document.location.replace="#"}'> </div> 
+0

这项工作适用于整个div,不适用于指定区域:( – bee 2010-07-09 11:38:53

+0

目前还不清楚您想要匹配的区域 我仍然认为javascript是您的解决方案 一种原始方法是检查鼠标在匿名函数与onclick.event匹配 Javascript/jQuery有一个函数来检索光标位置,参见http://docs.jquery.com/Tutorials:Mouse_Position。 同样,你可以检查你的div的真实位置,因此你有你的bg图像的位置 最后只需要用if()做两行数学运算,来检查你的光标是否在你的bg图像中,如果是的话就重定向。 – bPizzi 2010-07-09 11:44:10

+0

它的工作原理:) – bee 2010-07-09 11:58:43

1

您可以在div内创建标签。您可以提供这些子标签和标识,或者将标签的样式应用于标签的样式属性。将标签样式设置为显示:通过位置:绝对或位置:相对和属性顶部:5px和左侧:5px来阻止和定位链接。适当地设置宽度和高度,上下左右。