Question

我是HTML和my page的新手，我的问题是我的两个部分不是连续的：

＆＃13;

.privitanie{
position: absolute;
background: url("../images/pozadie.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 100%;
top: 0;
z-index: 0;
}

.uvod{
position: relative;
z-index: 0;
height: 100%;
}

＆＃13;

<section class="privitanie" id="privitanie">...</section>

<section class="uvod" id="uvod">...</section>

＆＃13;

Answer 1

绝对定位的元素位于文档流程之外。其他元素最终在上方或下方分层，具体取决于它们在标记中的位置。使两者都相对，或者给.uvod一个等于.privitanie高度的上边距。

Answer 2

这是一个简单的解决方案，不需要更改太多的代码：

.uvod{
    position: relative;
    margin-top: 50%;
    z-index: 0;
    height: 100%;
}

将margin-top更改为您喜欢的任何内容。

部分不是连续的

2 个答案: