Question

我正试图让我的自举旋转木马作为固定位置的背景。在我的实际代码中，我已将其设置为填满屏幕的全宽和高度，但它只保留在一个位置。我将'position：fixed'添加到我的包含旋转木马的部分的类中，所以它在前面浮动，我将z-index引导到其余内容后面，但它只是完全消失了？

我在这个简化的例子中复制了这个问题：

http://jsfiddle.net/v9FMw/4/

HTML

<div class="fill bg-green">
    <div>content section (scroll down)</div>
</div>
<div class="fill bg-white">
    <div>content section (further x)</div>
</div>
<div class="fill bg-green fixed-section"> <!-- fixed section declared here -->
    <-- carousel code -->
</div>
<div class="fill bg-white">
    <div>content section</div>
</div>

CSS：

.fill {
    width: 100%;
    height: 100%;
    position: relative;
}

.fixed-section {
    position: fixed; /* controls fixed carousel positioning here */
}

Answer 1

您必须提供容器top: 0。

.fixed-section {
    position: fixed;
    top: 0;
}

Updated Fiddle

引导转盘的定位是否固定？

1 个答案: