Maison > Article > interface Web > Comment définir l'image d'arrière-plan pour qu'elle soit transparente en CSS

Comment définir l'image d'arrière-plan pour qu'elle soit transparente en CSS

青灯夜游original: 2021-10-12 18:23:5934223parcourir

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 :

Comment définir limage darrière-plan pour quelle soit transparente en CSS

(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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment changer la taille de l'image d'arrière-plan avec CSSArticle suivant：Comment changer la taille de l'image d'arrière-plan avec CSS

Articles Liés

Voir plus