2

我正在帮助维护这个网站http://www.groupme.my/national/

对于某些选项列表很长的交易，当您单击“立即购买”按钮时，选项列表弹出窗口将被以下交易部分覆盖。例如，单击此交易“[55% off] Korean Style Handbag...”的“立即购买”按钮。

请注意，并非每笔交易都带有选项。如果没有选项，点击“立即购买”将直接带您进入购物车。

我试图放入 z-index，但它似乎没有做任何事情。

请帮助检查我们如何解决此问题。谢谢。

4

4 回答 4

3

似乎是问题所在z-index: 0；content-wrapper-top尝试删除它。

编辑后添加评论：我z-index在生成 CSS（行：713）中找到了这个：

.content-pane-index {
    float: left;
    width: 737px;
    position: relative;
    z-index: 0;<------------------------ HERE
}
于 2012-06-13T08:37:10.040 回答
3

如果我正确理解您的担忧，则淡入的元素的底边位于下方项目的后面，对吗？

如果这是问题所在，那么 z-index 不会对您有所帮助，因为淡入的东西正在附加到 div 上（并且它正在上方），但它将位于位于 div 的后面page *在淡入淡出的那个被附加到的那个之后，所以，淡入淡出的 div 将在下一个之后，无论如何。

处理这个问题的最简单方法是以相反的顺序绘制它们，以便 div 在上升时向 zTOP 移动，或者换句话说，将它们的 z 顺序设置为与绘制方式相反的顺序，所以如果你有 10 个项目，第一个的 zIndex 将为 10，下一个的 zIndex 为 9，依此类推。

于 2012-06-13T08:37:27.173 回答
1

Dr.Dredel 很好地解释了这个问题，但如果你不想对 HTML 进行任何重新排序，我有一个解决方法，也许会有点愚蠢，但我认为它应该可以工作，我会给你想法，我不知道没有任何代码来测试任何代码:)

首先，你的 z-index 不能有那么大的数字，比如 1000 然后 50000！使用较小的单位，如 5 10 15 等，如果你先这样做，我的代码将起作用，我使用了页面上必须的最大数字。

我将使用 jQuery，作为立即购买按钮，在显示弹出代码后添加此代码：

$(this).parent().parent().parent().parent().parent().parent().css("z-index","999");

此代码意味着如果buynowa标签和标签的父级的父级，则查找父级a，因此对于具有content-pane-index类名的div并添加z-index最大。

您也许也可以使用此代码：

$(this).parents(".content-pane-index").css("z-index","999");

对于关闭按钮，您需要恢复之前添加的 z-index，因此在关闭弹出代码后也要添加此代码：

$(this).parent().parent().parent().parent().parent().parent().parent().css("z-index","0");

或者

$(this).parents(".content-pane-index").css("z-index","0");

我希望你至少有一个想法:)

我的代码可能需要修复，例如添加或删除一种.parent()方法，或者更改与.parents().

我喜欢解决方法：P

于 2012-06-13T08:56:56.813 回答
0

如果您想z-index从弹出 CSS 中显示弹出删除，例如。我z-index: 1000在其他 css 中使用

但我正在使用其他 CSS 进行弹出，所以进入弹出 CSS 并找到z-index并删除它。

于 2016-08-19T09:03:15.963 回答