您好，我有一个图片作为网页的背景。我想添加一个具有低不透明度的黑色div，但我希望它位于我体内其他所有物体的后面，并且不干扰任何物体。我该怎么办？
css：
body{
background-image: url('backgroundimg.jpg');
color:white;
background-size: 100vw 100vh;
background-repeat:no-repeat;
}
#dimmer{
background-color:black;
opacity:0.2;
width:100%;
height:100%;
}
HTML
<body>
<div id="dimmer" // this will dim the background img </div>
// my content
</body>