我的opencart主题有问题(最新版本)。它看起来像这样(第一张图片)。当我打开篮子时,它就像这样,在幻灯片下面(第二张图片)。我不明白为什么它会在它之下,因为它应该保持在上面并且看起来像这样(第3张)。
我已尝试使用z-index ......但它没有用。 我正在寻找你的答案
答案 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类。
我鼓励你阅读我发布的第一个链接,在那里堆叠上下文的很多好东西,不会太长或无聊。