-2
votes

Comment ajouter une image d'arrière-plan dans la section de HTML à l'aide de CSS?

J'essaie d'ajouter une image d'arrière-plan dans ma balise de section, mais cela ne fonctionne pas. J'ai déjà pris le bon dossier, il ne montre toujours rien dans la page Web et exactement le même code que j'ai vu que quelqu'un a écrit dans son code sur YouTube et qui a fonctionné

<!DOCTYPE html>
<html>
<head>
	<title>Visit India</title>
	<link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">	
</head>
<body>
    <section class="header">
		<div class="container">
            
    </div>
        </section>
	

</body>
</html>

java html css web-deployment web-development-server

1 commentaires

Pourriez-vous expliquer ce que cela a à voir avec Java?

3 Réponses :

1
votes

Lorsque vous avez du contenu pour conteneur, l'image d'arrière-plan sera chargée. Maintenant, la hauteur de la section ".header" est zéro. Ou vous pouvez changer de hauteur: 100% en hauteur: 100vh pour vérifier l'image d'arrière-plan montrant.

.header
{
    height: 100vh;
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url(images/taj-mahal.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

0 commentaires

0
votes

enfermer le chemin d'accès à l'image dans des guillemets xxx

0 commentaires

0
votes

Vous devez ajouter des guillemets simples autour du chemin de l'image

0 commentaires