fancybox仅适用于chrome和FF中的最后一个图像

Question

在firefox中，Fancybox仅适用于最后一个图像（源中的最后一个图像，而不是可视网页）。 在IE中一切正常。

我将ID更改为CLASS，但尚未成功。 你可以在这里找到来源： http://www.luukratief-design.nl/dump/parallax/stack.html

请帮忙！现在烦我几个小时。

Answer 1

锚被定位在顶部。

要了解我的意思，请打开Firebug的控制台并输入

$('a.big').css({ border: '6px solid red' })

现在看看所有褶皱顶部的红色方块。

我认为这是因为效果正在添加到图像中，而不是父链接。使用position: absolute显示图像，并且因为锚点没有position: relative，所以锚点会像没有内容一样折叠。

由于您使用的是JavaScript，您可以这样做吗？

$('a.big').click(function(event) {
    event.stopPropagation(); // in case it bubbles up the parent anchor somehow and fires twice in IE
    // trigger lightbox here..
    $(this).parent('a').click();
});

不确定这是否有效，但它可能在正确的轨道上......祝你好运。