CSS定位无法在Chrome

Question

我有一个Wordpress网站，我想在主容器外面显示两个垂直横幅。我正在使用这个CSS，它适用于Firefox和IE。但是在Chrome上只会显示左侧的一个。有什么想法吗？

@media only screen and (min-width: 1100px){
    div.side-image-left {
        position: absolute;
        z-index: 98;
        left: -840px;
        top: -24px;
    }

    div.side-image-right {
        position: absolute;
        z-index: 99;
        left: 342px;
        top: -24px;
    }
}

Answer 1

您可以尝试浮动图像而不是定位。现在，正如我所看到的那样，你使用绝对定位，所以在这种方法中你也不会在向下滚动时总是得到横幅。

.side-left-image{
float:left; }

.side-right-image{
float: right; }

但是z-index不起作用！