我可以隐藏图像而不是移动设备上的div或类吗？

Question

我的响应式菜单中有一个内嵌图像，当它进入移动模式时我想要消失。我无法隐藏它所在的类或div，因为它会使菜单消失。

<div id="h-nav">
<ul id="css3menu0 class="topmenu">
<li class="topmenu"><img src="images/menulead.jpg" name="menulead" id="menulead" /></a></li>
</ul>
</div>

我已经尝试将此添加到我的CSS中，但它没有工作：

@media screen and (max-width:670px) {
.menulead img {display:none;}}

以及#menulead img {display:none;}}，以及没有＆＃39; img＆＃39;但它似乎没有用。是否可以根据图像ID隐藏图像？

如果查看我的意思有帮助，该网站为temporarily up here。

Answer 1

尝试

@media screen and (max-width:670px) {
.topmenu img {display:none;}
 }

或

@media screen and (max-width:670px) {
  #menulead {display:none;}
 }

P.S。：不将.topmenu课程分配给ul和li

P.P.S：您在id="css3menu0

之后缺少结束双引号

Answer 2

更简单地说，您可以将图像添加到图像 class =“hidden-xs”，这样它就会将图像隐藏在xtra小型设备上。