当点击切换导航栏时获取另一个元素的背景

Question

我是新手，当我点击切换导航栏时，我得到了一些背景问题。我不知道怎样才能得到这个背景。这意味着当你点击汉堡包按钮时，导航栏会出现，其余部分会变成黑色。是模糊还是不透明度之类的?请帮我解决这个问题。非常感谢!(你可以看这张图来理解我所说的)https://i.stack.imgur.com/vqvCn.jpg

Answer 1

可以使用方框阴影

.box{display:inline-block; width:100px; height:100px; margin-top:50px; text-align:center; padding-top:2em}
.box.selected{
box-shadow: 0 0 0 99999px rgba(0, 0, 0, .5);
}

<div class="box">Box 1</div>
<div class="box">Box 2</div>
<div class="box selected">Box 3</div>
<div class="box">Box 4</div>