2016-07-27 103 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> 

重要的是,在較小的區域是第一位的。