Fluidowe tło

Question

Czy da się połączyć właściwość bootstrapowego img-fluid z divem, który ma być tłem i (jednocześnie rodzicem) dla elementów? Czyli żeby div zmniejszał się wraz z ekranem i miał określone tło. Owszem, można pod div wsadzić img-fluid i div się pod to dostosuje, jednak ten img nie może być tłem dla elementów, chyba że zrobimy position:absolute ale wtedy div nie będzie przyjmował odpowiedniego rozmiaru.

Żeby div mógł być tłem musi mieć określony rozmiar, img ma o tyle łatwiej że rozmiar pochodzi z samego pliku obrazka wtedy może on łatwo fluidować przez max-width:100% i height:auto. Dla diva z określonym tłem max-width i height:auto nic nie da, ma taki rozmiar jak elementy w środku

To rozkmina typu jajko czy kura ktoś z was nie miał podobnego problemu?

P.S jakimś rozwiązaniem jest calc + vw , zrobilibyście to samo?

Answer 1

Nie wiem czy cię dobrze rozumiem, ale wydaję mi się że szukasz background-size