重叠的背景图像通过不同的元素

时间:2017-06-08 17:33:54

标签: html css

如何让主背景图像(地形图)从最顶部开始一直到最底部。

黄金"酒吧/元素"和蓝色"酒吧/元素"功能是他们就像一个手风琴。因此,通过单击它们,它下面的元素变得可见,反之亦然。因此,地形将与金色和蓝色条重叠,并继续到下一个部分,无论是另一个条形或可见的元素。地形图像永远不会在整个页面中断开。

website demonstration

1 个答案:

答案 0 :(得分:1)

目前尚不清楚地形是什么意思,但如果你想要一个图像从页面底部开始到结尾,你可以使用以下方法:

CSS:

.background {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
}

HTML:

<body>
  <span class="background"><img src="xxxxx" /></span>
  <!-- your content goes here -->
</body>

这将做的是,创建一个div,它将等于body标签的高度,并始终与页面的左上角对齐。图像可能会歪斜。

我希望这会有所帮助。