css - css如何强制图层在后面（z-index不起作用）

Question

通常，它的外观是这样的：

但是，如果我使用 Internet 浏览器 (Firefox) 调整页面大小，有时会发生下一个不想要的事情：

不需要的

这是因为我为轮播设置了负边距，因为我想把它放在导航菜单旁边：

.carousel {
    margin-top:-45px;
}

我试图用 z-index 解决它。我将下一个属性设置为导航菜单：

.top-layer{
    z-index:9999;
}

在 Twitter Bootstrap Carousel 旁边：

.back-layer{
    z-index:0;  
}

我也试过了overflow:scroll;。这是它的外观：

溢出：滚动

为什么 Internet 浏览器 (Firefox) 将轮播放在顶部？我们怎么能强行把它画在底部呢？

score 1 · Accepted Answer

为了使该属性产生任何效果，z-index它必须用于定位为或的元素。absoluterelativefixed

score 0 · Accepted Answer

0

要使用z-index，您必须根据W3C wikiposition设置为absolute、relative或。fixed

于 2013-09-12T00:53:46.417 回答

2 回答 2