Html 如何在双击时删除叠加的浅黑色背景

当我双击或单次单击图像时，其覆盖的背景为浅黑色。 我的问题是，如何删除叠加浅黑色背景上双击。 注意：显示下面的附件图像。我双击或单击了胡椒图片

请帮帮我

---

请参考或修改您的代码，如下所示：

HTML:

<div class="img_box">
  <div class="image"><img src="Your image path.jpg or png or anything"></div>
  <span></span> <!-- For adding overlay in css -->
</div>

JS:

.img_box {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.img_box span {
  background-color: rgba(0,0,0,0.7);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
}

$('body').on('click','.image',function() {
  $(this).next().fadeIn();
});
$('body').on('click','.image + span',function() {
  $(this).fadeOut();
});

---

添加一个最小的，可重复的关于您尝试的示例我们不能说什么，如果我们没有您的代码示例我得到了答案谢谢