2017-06-28 136 views
1

我有一个图像地图,当Javascript被禁用时,我想隐藏它的可点击坐标,这样只剩下图像。我试图在html正文中使用noscript:当javascript被禁用时,隐藏图像地图坐标

<noscript> 
    <style type='text/css'> 
    area {display:none} 
    </style> 
</noscript> 

但区域坐标仍显示在图像下方。我怎样才能完全隐藏它们(最好使用纯CSS或纯JavaScript)?

+0

只是不会默认显示它们,并通过javascript显示它们 – mehulmpt

+0

如何在默认情况下隐藏它们?显示:无或可见性:隐藏不起作用,甚至不在地图标记上。我想保留图像。 – JAT86

+1

您可以复制图像,并在没有'usemap'属性的情况下制作第二个图像,然后像在做一样切换一个或另一个'display:none'。 – yuriy636

回答

0

如果JavaScript不可用,请禁用图像映射,但为什么只有在JavaScript可用时才启用它?由于您只希望地图出现,所以启用了JS,则可以使用JS来启用它。禁用JS的浏览器将无法运行代码,只会显示图像。

var myMappedImages = document.getElementsByClassName("myMappedImage"); 
for(var i=0,len=myMappedImages.length;i<len;i++){ 
    myMappedImages[i].usemap = "#myimagemap"; 
} 
+0

我试过这个,但它不能添加usemap属性。我也做了这个,但没有效果: document.getElementById(“imageMap”)。useMap =“#mapmap”; – JAT86