Javascript 颜色框上一个和下一个按钮不显示

我一直在一个电子商务网站工作，以显示产品的图像，但我有一些麻烦

我使用colorbox在弹出窗口中显示图像，我的代码是：

jQuery("a.largeImgPop").colorbox({opacity:0.4, rel:'largeImgPop', photo:true}); 

我的链接如下所示：

<a class="largeImgPop" href="/img1.jpg">test1</a>
<a class="largeImgPop" href="/img2.jpg">test2</a>
<a class="largeImgPop" href="/img3.jpg">test3</a>

---

当我单击test1、test2或test3时，它显示的是正确的图像，但是它没有显示在这三个按钮之间导航的“上一步”和“下一步”按钮。有什么想法吗？

我猜你错过了这两件事中的一件

未将颜色框图像复制到项目中

或

---

将它们复制到项目中，但忘记更新CSS文件以将图像指向正确的位置

我之所以没有看到“上一个”和“下一个”按钮，是因为z索引。按钮隐藏在colorbox中显示的图像后面。为了解决这个问题，我增加了colorbox css中按钮的z索引，然后将它们重新定位到我想要的位置

要了解有关z索引的更多信息，请单击下面的：