Question

我试图更改第一部分的背景，并在部分中包含两个全尺寸div。背景不会显示，只有一半的其他div会显示，其他一切都是白色的。

HTML：

<div class="section" id="section0">
    <div class="intro">
        <div class="bg"></div>
        <div class="bg hidden"></div>
        <div class="introtext">
            <h1></h1>
            <h2></h2>
        </div>
    </div>
</div>

CSS：

.bg {
  opacity:0.5;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 5s;
  -moz-transition: opacity 5s;
  transition: opacity 5s;
}

.hidden { opacity: 0; margin-top:-50%;}

#section0 {

    background-image:url(img/1.jpg);
    margin: 0;
    width:100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

如果您需要更多信息，请写信，如果有人能够弄清楚，那将永远感激。

Answer 1

从 .bg css

中删除position: absolute;

此外，浏览器不尊重高度height: 100% 您必须在div中添加一些内容，或者通过设置min-height或max-height设置高度（例如min-height: 100px;

这是fiddle

fullPage.js，背景和div不能正常工作

1 个答案: