jquery - 由于位置不显示花式框箭头

Question

我正在尝试将 fancybox gallery 系统添加到我当前正在使用的网站，但箭头没有显示。这些图像与我的 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;
 }

然后把它放在你想要的位置。

请参阅 SO 上有关群组图片的帖子: Fancybox gallery groups