jQuery Lightbox 2 在随机图像中显示边框

Question

我用过jQuery Lightbox 2并按要求正常工作。

但是，它会在一些随机图像中显示边框。这是屏幕截图。

这是他们正在使用的图像的灯箱 css。

<img class="lb-image" src="http://mywebsite/img/myimage.png">

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid white;
}

我发现这一行 border: 4px solid white; 导致了这个问题。如果我评论此行，则不会显示边框。

然而，如果我不评论这一行，它不会发生在所有图像上。在某些图像中，它工作正常，有边框。

我还检查了图像的上传方式，这里是有问题的完整图像。 (但是，我猜这是发生的随机图像)。

所以在这里我很困惑在这种情况下我应该做什么才能同时适用于这两种情况。我应该删除边框吗？或者我可以申请的任何其他东西。

请指导我。

Answer 1

我不认为边框是随机显示的.. 只是因为它有时是白色的，所以它会与图像融为一体。尝试将边框颜色更改为不同的颜色以验证它。

border: 4px solid red;

您可能还想检查 LightBox 的宽度和高度 - 看起来它可能被硬编码为方形 - 这意味着如果原始图像不是方形 (1x1)，那么当边框打开时你会看到一些额外的间隙。