如何为map下的area上色，使area区域都是红色的（在线等，哪位大哥帮帮忙啊！）

我动态的在map中添加了一些area，但是发现添加出来的area是没有颜色的，我希望添加出来的area是一个红色的区域，我用了CSS但是好像不行，有没有人帮帮忙啊？

13 个解决方案

#1

难道没问知道吗？帮帮忙啊~

#2

该回复于2011-03-07 13:08:31被版主删除

#3

谁知道怎么给AREA加颜色啊让他不是被选中的时候也是有颜色的？谢谢了~

#4

该回复于2011-03-07 13:38:59被版主删除

#5

有没有人知道啊？

#6

你的代码贴出来

#7

前段页面代码

<img id="Image1" class="map" src="upload/ProjectImages/1.jpg" width="1000" border="0"

                    usemap="#usa" />

                <map name="usa" id="map1" style="background:red">

                                 </map>

JS代码

 var coords = cursorPos.x + "," + cursorPos.y+",9";

        $("#map1").append("<area shape='circle' style='background-color: red;border-color:red' coords='"+coords +"' href='qq.com'/>");

但是不管怎么做 area区域还是没有背景色或者背景图片

#8

有没有人知道啊哪个高手帮帮忙~

#9

呵呵，还在啊，帮你顶一下。
我觉得你可以换换思路来实现一下，
那个红色的区域弄成个图片什么的
或者其他的。。。

#10

用DIV绝对定位模拟map

#11

怎么做呢？DIV绝对定位？如何在图片上加一个红点当鼠标点击的时候？高手帮下忙谢了！

#12

弄个红色圆点的图片，点击的时候设置这个图片的top、left，放到你想放的地方

#13



<div style="position:relative">

	<img src="jqzoom/1.jpg" width="1000px" height="1000px" border="0" usemap="#Map" />

	<a style="display:block;position:absolute; left:100px;top:200px;width:200px;height:200px;background:#f00;filter:alpha(opacity=50);opacity:0.5" href="http://www.baidu.com"></a>

</div>

#1