禁用宽度以继承其他div

时间:2018-04-01 04:16:47

标签: html css html5 web

基本上我有一个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内。

1 个答案:

答案 0 :(得分:0)

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

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