Yo, pas moyen de mettre quelque chose derrière mon background-image (ex: no-repeat) et je comprends pas pourquoi voici mon code pour ceux partant pour me filer un coup de main:


 <section id="home">
        <div class="inner-width">
            <div class="content">
                <h1>Salut</h1>
                <div class="sm">
                    <a href="#" class="fab fa-facebook-f"></a>
                    <a href="#" class="fab fa-twitter"></a>
                    <a href="#" class="fab fa-google"></a>
                    <a href="#" class="fa fa-envelope"></a>

                </div>
            
                <div class="buttons">
                    <a href="#">Contact</a>
                    <a href="#">Tarifs & Devis</a>
                </div>
            </div>
        </div>
    </section>

et mon css
#home{
    height: 100vh;
    min-height: 500px;
    background-image: url(../images/fond.jpg);
    background-size: cover;
    background-attachment: fixed;
}


ça peut être con pour certain je sais mais on débute tous quelque part Smiley smile
Modifié par Efeelios (15 Nov 2020 - 22:21)
Modérateur
Bonsoir,
background-image ne peut prendre qu'une url() ou un gradient.
https://developer.mozilla.org/fr/docs/Web/CSS/background-image a écrit :

https://developer.mozilla.org/fr/docs/Web/CSS/background-image

La propriété background-image permet de définir une ou plusieurs images comme arrière(s)-plan(s) pour un élément.

tu voulait peut-être utiliser background
https://developer.mozilla.org/fr/docs/Web/CSS/background a écrit :
https://developer.mozilla.org/fr/docs/Web/CSS/background
La propriété CSS background est une propriété raccourcie qui permet de définir les différentes valeurs des propriétés liées à la gestion des arrière-plans d'un élément (couleur, image, origine, taille, répétition, etc.).


;)
Modifié par gcyrillus (15 Nov 2020 - 22:59)
Meilleure solution