我有一个图像地图,当Javascript被禁用时,我想隐藏它的可点击坐标,这样只剩下图像。我试图在html正文中使用noscript:当javascript被禁用时,隐藏图像地图坐标
<noscript>
<style type='text/css'>
area {display:none}
</style>
</noscript>
但区域坐标仍显示在图像下方。我怎样才能完全隐藏它们(最好使用纯CSS或纯JavaScript)?
我有一个图像地图,当Javascript被禁用时,我想隐藏它的可点击坐标,这样只剩下图像。我试图在html正文中使用noscript:当javascript被禁用时,隐藏图像地图坐标
<noscript>
<style type='text/css'>
area {display:none}
</style>
</noscript>
但区域坐标仍显示在图像下方。我怎样才能完全隐藏它们(最好使用纯CSS或纯JavaScript)?
如果JavaScript不可用,请禁用图像映射,但为什么只有在JavaScript可用时才启用它?由于您只希望地图出现,所以启用了JS,则可以使用JS来启用它。禁用JS的浏览器将无法运行代码,只会显示图像。
var myMappedImages = document.getElementsByClassName("myMappedImage");
for(var i=0,len=myMappedImages.length;i<len;i++){
myMappedImages[i].usemap = "#myimagemap";
}
我试过这个,但它不能添加usemap属性。我也做了这个,但没有效果: document.getElementById(“imageMap”)。useMap =“#mapmap”; – JAT86
只是不会默认显示它们,并通过javascript显示它们 – mehulmpt
如何在默认情况下隐藏它们?显示:无或可见性:隐藏不起作用,甚至不在地图标记上。我想保留图像。 – JAT86
您可以复制图像,并在没有'usemap'属性的情况下制作第二个图像,然后像在做一样切换一个或另一个'display:none'。 – yuriy636