是否有可能隱藏在透明背後的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 
}