使用本机javascript和css使map/area元素旋转

我们的页面中有以下htmls：

<div id="img"></div>
<div id="mouse_target">
    <img style="-moz-user-select: none; border: medium none; width: 27px; height: 35px;" usemap="#imgmap1" src="http://i.stack.imgur.com/S9eo1.png">
    <map name="imgmap1"><area href="javascript:void(0)" style="cursor: pointer;" title="" shape="poly" coords="11,25,22,11,11,1,1,11,11,25,11,33"></map>
</div>

现在，我们有两个问题：

实现跨浏览器旋转

因为-moz转换在ie上不起作用

制作

div#mouse_目标

或

div#mouse_目标地图

或

div#鼠标#目标地图区域

随

div#img

旋转

---

这可能吗？

转换是否在IE上工作取决于您所说的IE，因为它提供了正确的前缀。我曾尝试将转换添加到地图和区域元素，但不起作用。我不知道为什么，但是

I.stack.imgur.com

始终在这里给我403，因此，我无法有效地测试您的代码，但从我看到的情况来看，您没有旋转

地图

，只有

区域

（

#鼠标\目标地图区域

指向

区域

）。也许你的意思是

#鼠标#目标地图#鼠标#目标区域

？即使我添加了旋转到地图和区域元素，它也不会改变。