Question

我试图将fancybox图库系统添加到我目前正在处理的网站上，但箭头不会显示出来。图像与我的css文件位于同一文件夹中（如您所见，可以看到关闭按钮）。图像属于同一组，因此也不是问题。我认为这是箭头位置的问题，但我尝试用Firebug改变一切，没有任何区别。您可以看到演示here。

PS：图像周围的白色边框也不会显示出来。我不知道这是否与此有任何关系？

Answer 1

您是否在rel="group"元素上使用了<a>？

否则，您可以添加此CSS：

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
    width: 32px;
    height: 32px;
    top: 0;
    display: block;
}
.fancybox-next span {
        right: 10px;
        background-position: 0 -36px;
        width: 32px;
        height: 32px;
        top: 0;
        display: block;
 }

然后将其定位在您想要的位置。

关于群组图片，请参阅此帖子： Fancybox gallery groups

Answer 2

固定。事实证明问题是我在本网站的其他地方使用旧版本的Fancybox并且他们正在干扰-_-

fancybox箭头由于位置不显示

2 个答案: