Comment faire un fond transparent en HTML et CSS ?

Réponses rédigées par Antoine

Dernière mise à jour : 2022-02-09 10:59:56

Question

Comment faire un <div> avec un fond transparent en HTML et CSS ?

Réponse

Pour faire un fond complètement transparent en HTML et CSS vous devez utiliser la propriété background-color avec la valeur transparent.

Pour faire un fond partiellement transparent, vous devez également utiliser la propriété background-color, avec une valeur exprimée en RGBa.

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Comment faire un fond transparent en HTML et CSS ?</title>
<style>
body {
  background-color: white;
  color: black;
}
.transparent {
  background-color: transparent;
}
.transparent-bleu {
  background-color: rgba(0, 0, 255, 0.2);
}
</style>
</head>
<body>   
<div class="transparent">Une balise div avec un fond 100% transparent</div>
<div class="transparent-bleu">Une balise div avec un fond transparent bleuté</div>
</body>
</html>

Vous trouverez d'avantage d'information sur la manière de faire un fond transparent via cette page du site de Mozilla.