为什么在Jquery中单击图像时图像显示如下？

Question

当你点击拇指指甲图像时，你可以告诉我为什么我的图像显示在下面。我正在使用灯箱插件我从这里学习doc https://github.com/lokesh/lightbox2/ 在示例中它显示图像上方的图像..我丢失的css文件？ 小提琴 http://jsfiddle.net/xnhtg1t1/

<a class="example-image-link lightbox" href="https://dl.dropboxusercontent.com/s/51wtwmqnnokotj6/image-1.jpg?dl=0" data-lightbox="example-1"><img class="example-image" src="https://dl.dropboxusercontent.com/s/w85pcbopymjzn76/thumb-1.jpg?dl=0" alt="image-1" /></a>

Answer 1

从JS和CSS网址中删除GET变量?dl=0，它可以正常工作。 jsFiddle Demo

这是Dropbox的download parameter，虽然它设置为false ..但仍然会导致问题。

Answer 2

使Lightbox的位置绝对而不是相对。

.lightbox {
   position: absolute;
}

甚至是固定的。然后它将出现在页面顶部。然后你可以随意构建灯箱样式。

http://jsfiddle.net/xnhtg1t1/2/