为什么将bg-container的位置设置为绝对位置？

Question

position: absolute

delete position property

我刚用chrome测试过这个页面，我对bg-container中使用的position属性感到困惑，但是当我删除这个属性时，背景图像（coke）消失了，有什么问题，我觉得position属性不相关到背景图片。 代码如下所示

 .bg-container {
        overflow: hidden;
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url('../../../../Content/themes/segmentedexecution/images/home-bg.jpg');
        background-size: cover;
        background-position: center center;
    }

Answer 1

不，position: absolute对背景图片没有影响，但它可能会影响背景元素的位置。

从页面流中取出一个绝对定位的元素。因此它可以低于/高于其他元素，我相信这是你的例子中发生的事情。为了使bg-container与页面上的其他元素位于同一空间，它位于绝对位置。当您删除position: absolute时，它是页面流的一部分，并被包装在页面上的内容下方。在其父元素上与overflow: hidden结合使用时，它似乎会消失。