当您单击一个时，我正在使用 fancybox 将页面上的图像网格变成画廊。它们都通过 rel="gallery" 属性链接在一起。问题是当您单击其中一个图像时，fancybox 会在其位置放置一个空白占位符 div，导致所有图像在背景中移动。当您关闭fancybox 时，它会将其放回到页面上，并且不显示任何内容。
我最终只是屈服并在我的 a 标签上放了一个 display:block!important，这样它们就会重新出现，我正准备将一些通用样式（即我的图像大小）放在它扔下的愚蠢的空占位符上。
fancybox 演示站点甚至没有这样的功能。它留下了单独包装图像的标签......有没有办法阻止fancybox这样做？
单击此处的“照片”选项卡以获取实时示例。删除链接。
如果您像以前一样将href属性留空：
<a rel="gallery" class="gallery" href=""><img src="../images/placeholder_prop.jpg"></a>
然后fancybox会将整个<a>标签视为目标内容并将其作为inline内容移动到框中（留下一个占位符）
您只需要href使用以下目标填充属性image：
<a rel="gallery" class="gallery" href="../images/placeholder_prop.jpg"><img src="../images/placeholder_prop.jpg"></a>
所以只有这样的目标image才会显示而不会弄乱您的 html 文档。