Question

我有这个代码用于制作地图。但由于某种原因，<a>之前<area>只能在firefox上运行。在chrome或IE上，您可以悬停并看到可点击的内容，但不能使用Firefox。有什么帮助吗？

<p>
    <img alt="California map showing counties" border="0" height="1015" src="http://imjesuschiko.com/doc/map.png" usemap="#ca_map_counties_Map" width="834"> 
    <map id="ca_map_counties_Map" name="ca_map_counties_Map">
        <a href="http://google.com"><area alt="Sacramento" coords="223,369, 227,364, 231,364, 235,367, 259,370, 263,376, 264,393, 264,404, 251,412, 239,412, 225,420, 220,428, 208,432, 214,426, 219,421, 223,416, 222,408, 227,403, 231,380" shape= "poly"></a>
    </map>
</p>

http://liveweave.com/69610i

Answer 1

我刚刚完成检查ie，ff和chrome的最后一个版本会发生什么。

我找到的解决方案是：

import Adafruit_BBIO.GPIO as gpio

import time
data = []
gpio.setup("P8_11", gpio.OUT) 
gpio.output("P8_11", gpio.LOW)    
time.sleep(0.02)    
gpio.output("P8_11", gpio.HIGH)
time.sleep(0.00004)    
gpio.setup("P8_11", gpio.IN)    
for i in range (0,500):    
    data.append(gpio.input("P8_11")
print data    
gpio.cleanup()

$(function () {
  $('#ca_map_counties_Map').parent('a:first').on('click', function(e) {
    e.preventDefault();
    window.location.href = $(this).attr('href');
  });
});

area {
  display: inline;
  cursor: pointer;
}
a:-webkit-any-link {
  color: -webkit-link;
  text-decoration: underline;
  cursor: auto;
  z-index: 1000;
}
img {
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  height: 1015px;
  width: 834px;
}

为什么锚点不仅仅适用于Firefox中的地图坐标？

1 个答案: