Html 使用动态调整CSS时禁用带有CSS的图像映射

该站点的桌面版本具有imagemap。当站点进入tablet或mobile view时，需要禁用imagemap，以便导航区域可以显示更简单的版本。我试过了

map{
显示：无；
}

---

但地图依然存在。有什么想法吗？

尝试在媒体查询中添加一类.map和此CSS：

.map {
     display: none: !important
     position: absolute !important
     left: -9999px !important
}

---

尝试在媒体查询中添加.map类和此CSS：

.map {
     display: none: !important
     position: absolute !important
     left: -9999px !important
}

---

我有一份要求相同的作业。我解决这个问题的方法是在我的html文件中放置两个标签，一个叫做“desktopImage”，另一个叫做“mobileImage”，并将图像地图仅链接到桌面图像。然后在我的

default.css

文档中，我在移动

标签上使用了

display:none

，在

mobile.css

文档中使用了

display:none

例如：

在HTML文件中：

在移动css文档中：

#mobileImage
{
  display: none;
}

注:

---

我知道这个帖子已经有一年多的历史了，但是我找不到一个不涉及使用

Javascript

或响应图像映射和浏览器插件的问题的答案。这很可能不是最好的方法，但是对于介绍

HTML

&

CSS

课程作业（我的案例），这很好

我有一个要求相同的作业。我解决这个问题的方法是在我的html文件中放置两个标签，一个叫做“desktopImage”，另一个叫做“mobileImage”，并将图像地图仅链接到桌面图像。然后在我的

default.css

文档中，我在移动

标签上使用了

display:none

，在

mobile.css

文档中使用了

display:none

例如：

在HTML文件中：

在移动css文档中：

#mobileImage
{
  display: none;
}

注:

---

我知道这个帖子已经有一年多的历史了，但是我找不到一个不涉及使用

Javascript

或响应图像映射和浏览器插件的问题的答案。这很可能不是最好的方法，但是对于介绍

HTML

&

CSS

课程作业（我的案例）来说，这很好

您可以公开更多的代码吗？可以用JSFIDLE或codepen吗？不幸的是，我们无法从这一小部分中分辨出问题。您可以公开更多的代码吗？可以用JSFIDLE或codepen吗？不幸的是，我们无法从那一小部分中分辨出问题所在。不幸的是，没有骰子。我试过直接调用map HTML元素。试着验证你的HTML和CSS，看看你是否有错误，否则就发布你的其余代码。没有骰子可悲。我尝试过直接调用map HTML元素，也尝试过直接调用map HTML元素。尝试验证HTML和CSS以查看是否有错误，否则发布其余代码。我很久以前就尝试过了，但这些都不适用于我。我只是使用了响应式设计。无论我做了什么，在一个或另一个浏览器中总是有一些片段留下。隐藏图像，并以响应方式执行某些操作。这不是一个好主意，但它确实是唯一的解决办法。我早就试过了，但没有一个对我有效。我只是使用了响应式设计。无论我做了什么，在一个或另一个浏览器中总是有一些片段留下。隐藏图像，并以响应方式执行某些操作。这不是一个好主意，但它确实是唯一的解决办法。