2016-07-27 100 views
-1

有没有一种方法来“层”图像映射区域?CSS地图区域分层

我有2个区,说圆,相互重叠。一个是另一个的两倍。

设置的z-index样式属性不会出现工作。

是否有可能是另一种方式来实现这一目标?

+0

问题寻求帮助的代码必须包括必要的重现它最短的代码**在问题本身**最好在[**堆栈片段**](https://blog.stackoverflow.com/2014/09 /引入可运行的JavaScript-CSS-和HTML的代码段/)。参见[**如何创建一个最小的,完整的,并且可验证例如**](http://stackoverflow.com/help/mcve) –

+0

另外刚才的问题也提上保持出于同样的原因的副本 - HTTP:/ /stackoverflow.com/questions/38602142/css-image-map-area-layering –

回答

0

原来这是非常重要的区域标记物的顺序为:

<img src="images/some.gif" alt="" usemap="#someMap" id="someImage" /> 
<map id="someMap" name="someMap"> 
    <area shape="rect" coords="x1,y1,x2,y2,20" href="locations/state_results.php?StateName=NT" 
     onmouseover="MM_swapImage('someImage','','images/small_Square.gif',1)" onmouseout="MM_swapImgRestore()" > 
    <area shape="circle" coords="10,10,40" 
     href="locations/state_results.php?StateName=WA" 
     onmouseover="MM_swapImage('someImage','','images/bigCircle.gif',1)" onmouseout="MM_swapImgRestore()" > 
</map> 

重要的是,在较小的区域是第一位的。