隐藏 div 元素而不隐藏 div 的一部分答案

【问题标题】：Hiding div element without hiding a part of div隐藏 div 元素而不隐藏 div 的一部分
【发布时间】：2016-12-19 20:13:39
【问题描述】：

我有一个问题，我不知道如何解决。我使用只能编辑 CSS 文件的商店脚本。我有一个带有背景图像的 div，其中有一个普通图像：

<style type="text/css">
.someclassforcss img{
some:attributes;
}
.someclassforcss {
background-image:url(/link.png);
}
</style>
<div class="someclassforcss">
            <img src="/link2.png">
</div>

一切都很好，但我想使用媒体查询（或任何其他方法）为移动设备隐藏 div 的背景图像，但我不知道如何制作，因为媒体查询不适用于特定属性，仅适用于整个元素，所以如果我隐藏了 div，我的 img 也会被隐藏，这是我不想要的。

【问题讨论】：

你想隐藏整个 div 还是只隐藏背景图片（并保留 div 的内容）？

标签： html css media-queries

【解决方案1】：

您可以更改有关媒体尺寸的属性。

您的 CSS：

.someclassforcss {
   background-image:url(/link.png);
}

@media screen and (max-width: 762px){
  .someclassforcss {
     background-image: none;
  }
}

【讨论】：

【解决方案2】：

试试这个：

@media only screen and (max-width: 767px){
 .someclassforcss {
   background: none;
 }
}

【讨论】：

我的有什么不同？
对于移动设备 767px 应该是最大宽度而不是 762px
问题上下文无关紧要。我什至可以输入“***px”

【解决方案3】：

您可以使用媒体查询隐藏 div。例如：

@media (max-width: 600px) {
 .someclassforcss {
    display: none;
  }
}

或者如果您只想删除背景图片：

@media (max-width: 600px) {
 .someclassforcss {
    background-url: none;
  }
}

【讨论】：