Background svg responsive

Par Muxxable, il y a 7 ans


Les bases HTML/CSS

Bonjour,

J'ai une maquette HTML où j'ai un background en svg qui coupe 2 sections, je ne sait pas trop comment faire pourqu'ils s'affiche en taille réelle et qu'il soit responsive.

Ce que je fais

Actuellement, j'ai un div background, qui à un background en css avec le svg, sauf qu'il s'arrête à la hauteur de la section.

<section class="wrapper_block about_concept"> <div class="background_section_home"></div> <div class="background_section_d_home"></div> // le contenu de ma section </section> .background_section_d_home { background:url("../img/b_home-d.svg"); position: absolute; top: 0; left: 0; width:1900px; height: 100%; z-index: 2; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }

Aucune réponse