фон Повторить не работает с абсолютным позиционированием

Question

Изображения используются в качестве фонового изображения, который absolute positioned это repeat-x собственности, но не работает

<div> 
    <div class="background-image"> 
    </div> 
</div> 


.background-image{ 
     position:absolute; 
     background-image : url(...); 
     background-repeat: repeat-x; 
    } 

Есть ли решение?

Answer 1

вы должны установить высоту класса backback-image, а также установить ширину контейнера div.

Надеется, что это будет полезным

div { 
 
    margin: 0 auto; 
 
    width: 600px; 
 
    background-color: #ccc; 
 
} 
 

 
.background-image { 
 
    position: absolute; 
 
    background-image: url(https://cdn4.iconfinder.com/data/icons/miu/22/circle-social_facebook_outline_stroke-128.png); 
 
    background-repeat: repeat-x; 
 
    height: 130px; 
 
}