简单HTML灯箱

我创建了一个简单的灯箱：

<div class="row text-center text-lg-left">
  <div class="col-lg-3 col-md-4 col-xs-6">
  <a href="CoupleFull.jpg" data-title="Hi" data-lightbox=  class="d-block 
   mb-4 h-100">
  <img class="img-fluid img-thumbnail" src="Couple.jpg" alt=""></a>
  </div>
</div>

当全尺寸照片弹出时，其背后有一个黑色背景。我想换一下颜色。我该怎么做

关于我的代码的附加信息：

我使用了此页面中的引导缩略图库模板：

---

然后我添加了灯箱的细节

代码需要更清晰，您为lightbox使用的是哪个库，因为您给出的构建没有实现lightbox

但是，如果您使用引导模式来显示图像。试着找出你构建的

模式背景

类，并用你的

背景色

覆盖它

<div class="modal-backdrop fade in"></div>