Maison > Article > interface Web > Comment définir l'image d'arrière-plan pour qu'elle soit transparente en CSS
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!