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

Question

我知道这是一个相当简单的z-index问题，因为我过去两天一直在研究它几天，但似乎仍然无法理解这一点。

每次放大我网站上的任何产品图片时，缩放窗口都会显示在选项下拉菜单下。我已经尝试更改下拉列表的z-index以及缩放窗口而没有任何运气。如果有人能看一眼并指出我正确的方向，这将是伟大的。这是一个链接

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

ALSO ::在我的主页上，滑块滑动指示器似乎与实际滑块不在一起;我做的任何事情都不会动摇它！它是固定的...如果有人对此有任何想法那将是伟大的！

感谢您的帮助！

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-index时，请确保元素也已定位。元素必须具有：相对，绝对或固定定位才能应用z-index。