产品缩放插件上的Z-Index隐藏了wooccommerce选项

Question

我知道这是一个相当简单的z索引问题，因为在过去的两天里，我每天都在研究它几个小时，但似乎仍然无法弄清真相。

每次你放大我网站上的任何产品图片时，缩放窗口都会出现在选项下拉菜单下。我尝试过更改下拉菜单的z索引和缩放窗口，但没有成功。如果有人能看一眼，给我指明正确的方向，那就太好了。这是一个链接

http://breakwatersurfcompany.com/shop/obey-womens-89-wreath-crop-tee/

另外：：在我的主页上，滑块滑块指示器似乎与实际滑块不在中心；我做的任何事都不会移动它！它被固定在适当的位置。。。如果有人对此也有任何想法，那就太好了！

谢谢你的帮助！

Answer 1

这个CSS修复了问题：

.sidebar-left .sidebar, .sidebar-right .content {
   position: relative; 
   z-index: 0
 }
.sidebar-right .sidebar, .sidebar-left .content {
   position: relative; 
   z-index:99
 }

请记住，当您想要更改元素的z索引时，必须确保该元素也在定位中。元素必须具有：相对、绝对或固定位置，才能应用z索引。