我如何让覆盖的文本(如<h1>)停止我想要在<area>上发生的效果，当它们在使用imagemapster时徘徊？
我如何让覆盖的文本(如<h1>)停止我想要在<area>上发生的效果，当它们在使用imagemapster时徘徊？
提问于 2020-06-03 16:09:34
因此，我在StackOverflow的其他地方看过，并且没有具体地讨论这个问题，是在地图< area >之上悬停在文本(< h1s >)上时对地图< area >的影响的否定。
还有第二个兴趣点，那就是，当激活(或悬停)在< h1 >上时，如何将
元素的所有颜色更改为白色
这是JsFiddle
<div class="map" >
<p class="map__text--1">North York</p>
<p class="map__text--2">Wellington</p>
<img id="vegetables" src="https://i.ibb.co/3FZHC33/map-popup.png" usemap="#veg" >
<map name="veg" id="veg-map">
<area shape="poly" data-key="TO" alt="" coords="261,356, 252,355, 248,352, 238,347, 226,344, 220,345, 215,348, 209,351, 209,351, 205,348, 203,347, 200,345">
</map>回答 1
Stack Overflow用户
回答已采纳
发布于 2020-06-04 00:03:59
我解决了您在<area>标记上应用标识符和对每个h1元素应用全局类名的问题，您可以随意定制这些元素。然后我写了这个小片段。
$('#example0').hover(
function() { $('.map_text0').hide(); },
function() { $('.map_text0').show(); });这是JsFiddle，我希望这是你要找的东西。(是的，你也可以改变它们的颜色)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62177493
复制相关文章
相似问题
腾讯云开发者
