En CSS, vous pouvez utiliser l'attribut opacity pour définir la transparence de l'image d'arrière-plan. La fonction de cet attribut est de définir la transparence de l'élément. Il vous suffit d'ajouter "opacité : valeur de transparence ;" élément avec l’ensemble d’images d’arrière-plan.
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
En CSS, vous pouvez utiliser l'attribut opacité pour définir l'image d'arrière-plan pour qu'elle soit transparente.
L'attribut Opacité définit le niveau de transparence d'un élément. Le niveau de transparence (valeur de la propriété) va de 0,0 (entièrement transparent) à 1,0 (entièrement opaque).
Exemple de code :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
div{
width: 400px;
height: 230px;
background:url(img/3.jpg) no-repeat;
background-size: 400px 226px;
}
.box{
opacity: 0.5;
}
</style>
</head>
<body>
<div></div>
<div class="box"></div>
</body>
</html>Rendu :
(Partage vidéo d'apprentissage : Tutoriel vidéo CSS)
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
