如何双击删除重叠的浅黑色背景

Question

当我双击或单击图像时，其覆盖的背景为浅黑色。 我的问题是如何双击删除重叠的浅黑色背景。 注意：在附件图片下方显示。我双击或单击了Pepper图片。

请帮助我。

Answer 1

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

HTML：

.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;
}

CSS：

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

JS：

shiftIn