在IE 11中使用标题属性的工具提示 [英] Tooltip using Title attribute in IE 11

问题描述

我创建了一个图像映射，并试图在悬停在映射区域上时获取工具提示。我知道IE需要使用title属性。我已经构建了Chrome中似乎可以正常工作的东西，但是在下面的代码中，除了标记为test6的工具提示之外，我没有获得任何工具提示：

 < map name =Mapid =Map> 
    < area alt =test5title =test5href =＃shape =polycoords =613.1399536132812,295.32000732421875,653.7099609375,295.8900146484375,699.4299926757812,334.75,700,402.75,570.2899780273437,403.8900146484375,568.5700073242187， 331.8900146484375/> 
< area alt =test6title =test6href =＃shape =rectcoords =272,85.02999877929687,448.57000732421875,149.02999877929687/> 
< / map> 
  

我还有其他东西在这里吗？他们都能在Chrome中正常工作。

哇，谁会想到。浏览器被放大到125％，并导致与工具提示有关的各种问题。如果其他人有这个问题的答案是放大到正常的100％，它会在那之后正常工作。

I have created an image map and am trying to get a tooltip when hovering over the mapped areas. I know IE requires the use of the title attribute. I have constructed what seems to work fine in Chrome but I get no tooltip other than the one marked "test6" in the below code:

<map name="Map" id="Map">
    <area alt="test" title="test" href="#" shape="poly" coords="52,294.75,90.8599853515625,295.32000732421875,134.8599853515625,333.6099853515625,136.57000732421875,403.8900146484375,6.2899932861328125,402.75,8,333.02996826171875" />
    <area alt="test2" title="test2" href="#" shape="poly" coords="191.42999267578125,294.17999267578125,230.28997802734375,294.17999267578125,276,332.4599609375,277.1399841308594,402.17999267578125,146.28997802734375,403.8900146484375,144,331.32000732421875" />
    <area alt="test3" title="test3" href="#" shape="poly" coords="332,295.32000732421875,372.57000732421875,293.6099853515625,416,333.6099853515625,417.1400146484375,405.6099853515625,288,402.17999267578125,285.7099914550781,332.4599609375" />
    <area alt="test4" title="test4" href="#" shape="poly" coords="472.57000732421875,294.17999267578125,514.8599853515625,294.17999267578125,559.4299926757812,334.75,558.2899780273437,403.8900146484375,430.28997802734375,404.4599609375,428.57000732421875,332.4599609375" />
    <area alt="test5" title="test5" href="#" shape="poly" coords="613.1399536132812,295.32000732421875,653.7099609375,295.8900146484375,699.4299926757812,334.75,700,402.75,570.2899780273437,403.8900146484375,568.5700073242187,331.8900146484375" />
    <area alt="test6" title="test6" href="#" shape="rect" coords="272,85.02999877929687,448.57000732421875,149.02999877929687" />
</map>

Is there something else that I am missing here? They all work fine in chrome.

解决方案

Wow, who would have thought. Browser was zoomed in to 125% and it caused all sorts of issues with the tooltip. If anyone else has this issue the answer is to zoom to the normal 100% and it will work fine after that.

这篇关于在IE 11中使用标题属性的工具提示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！