Question

请教CSS高手，关于不规则图形上的点击事件

我用div把所有的三角形图片组成了一个圆，现在在每一张图片上现实点击事件。但是div是规则的，所以点击事件的范围无法控制在三角图片上。我在三角图片上又布了一层div，div只显示在三角图的范围内，但是div无法覆盖整个三角图片，有些地方无点击事件。请教div高手有什么办法能解决？或div能否做成三角形的，刚好可以覆盖图片？

Answer 1

div不可能做成三角形的，不过你可以用热点链接来解决，热点链接可以是不规则多边形的。
<img src="images/banner.jpg" usemap="#Map" border="0" />
<map name="Map" id="Map">
<area shape="poly" coords="1002,230,961,164,926,234" href="#" />
</map>

上面的数字代表三角形三个坐标。

Answer 2

亲，你好，目前你遇到的这种问题，没有办法解决，除非使用CSS3重新进行制作，如果使用CSS3的话 IE9一下的浏览器不支持CSS3的一些特效，即使使用插件也是没有办法的，如果必须要制作成三角形，可以考虑使用DW自带的map功能（简称：热点区域）:
<map name="Map" id="Map"> <area shape="poly" coords="326,51,398,61,329,117" href="#" /> </map>
其中有一个正方形选项，一个圆形的选项，还有一个就是自定义图形的选项。这个自定义图形选项可以画出你需要的三角形的要求，利用这个map上面的id来进行判断你需要的点击事件。

Answer 3

你可以用菜单工具---查询--面积,然后依次点这个图形的各个顶点,最后回点到第一个顶点时,回车即可.
如果这是一个整体图形,那更简单,点杳询--面积后,按"o"键,提示你选对象,选中这个图形即可

Answer 4

把合并好的整张图片放入Dreamweaver。然后用热点工具把各个区域画出来。点击事件，给每个area标签一个ID就可以了。

Answer 5

你不不妨试试用热点来做点击事件，热点区域可是可以做不规则图形的
Dreamweaver就可以快速直接的画热点