是否有可能将div的内容隐藏在透明的内容之后？

Question

我试图删除另一个透明div后面的div的内容。是否可以这样做，或者覆盖另一个div的div必须是否可靠？ 对不起，我不知道如何解释我想做什么。 这是我的代码，如果有帮助的话。

CSS：

#div1 { 
  top: 0;
  bottom: 0;
  left: 0;
  width: 25em
}
#div2 {
  border: 1 px solid;
}
body {
  background-image: url('../img/bg.jpg');

HTML：

<div id="div2">
 Lorem ipsum
</div>

<div id="div1">
 <ul>
  <li> Aaaa </li>
 </ul>
</div>

我希望删除div1覆盖的div2（包括边框）中的所有元素，以便只显示背景。

Answer 1

为什么不调整CSS来隐藏有问题的div？

#div2 { 
  visibility: hidden;
}

有关详细信息，请参阅this MDN article on the visibility property。

Answer 2

为什么不将display: none用于你的div？

像：

.examplediv {
  display: none
}