Question

基本上我有一个css代码设置背景并将其调整到我找到的最佳位置（不能看到图像的边框等）。但我必须将该图像设置为背景，所以我做了主div并设置了具有背景的类

.bgimg{
    background-image: url(https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/acgu0vt/crystalline-motion-background-crystalized-movement-ice-sheets-blood-red_bbmkzqinp__F0000.png);
    height: 100%;
    width:  110%;

    transform-origin: center;
    background-repeat: repeat;
    background-position: 0 , 0;

    background-size: cover;
}

这很好，直到我遇到这个问题。当我把东西放在这个div中时，它的宽度被拉伸到110％。所以我的疑惑是，如何禁用此属性来继承？或者可能是其他方法，例如设置背景而不必在div或body内。

Answer 1

我将它应用于具有此属性的主div上方的新div。

.bgimg{
height: 100%;
width:  110%;
top: 0px; 
left: 0px;
z-index: -1;
position: absolute;
background-size: cover;}

禁用宽度以继承其他div

1 个答案: