Opencart主题z-index

时间:2014-08-13 12:51:33

标签: jquery css css3 themes opencart

我的opencart主题有问题(最新版本)。它看起来像这样(第一张图片)。当我打开篮子时,它就像这样,在幻灯片下面(第二张图片)。我不明白为什么它会在它之下,因为它应该保持在上面并且看起来像这样(第3张)。

我已尝试使用z-index ......但它没有用。 我正在寻找你的答案

这里有图片:http://www.yogile.com/lr32tdv5/41m/share/?vt=ya53LCf

1 个答案:

答案 0 :(得分:2)

z-index需要某些工作。首先,您需要在元素上创建堆叠上下文,该元素是需要重新排序的两个元素的“根”。您可以通过添加position: relative;来创建堆叠上下文。在css中(或使用this list中的内容)。

然后将z-index添加到需要设置的根的每个分支。并给他们position: absolute | relative;。例如,这个小提琴:http://jsfiddle.net/6fy1rccm/

修改 鉴于您链接的网站,如果您添加

,则可以使用
z-index: 1;
position: relative;

到role = banner css class。

position: relative;
z-index: 0;

到容器css类。

我鼓励你阅读我发布的第一个链接,在那里堆叠上下文的很多好东西,不会太长或无聊。