Comment définir la transparence des images HTML-Questions et réponses frontales-php.cn

Comment définir la transparence des images HTML

藏色散人

Libérer： 2021-06-03 10:09:02

original

3379 Les gens l'ont consulté

Comment définir la transparence d'une image html : créez d'abord un div ; puis définissez un nom de classe ; enfin définissez la transparence de l'image via des attributs tels que "filter:alpha(opacity=50);opacity:0.5; ".

Comment définir la transparence des images HTML

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

À propos du réglage de la transparence de l'image d'arrière-plan (html+css)

Le réglage de la transparence de l'image d'arrière-plan, et non de la couleur, correspond à l'affichage de l'image

C'est la même chose que certains blogs peuvent changer l'image d'arrière-plan comme thème. Après l'avoir lu pendant longtemps, j'ai finalement compris

Vous ne pouvez pas définir directement la transparence. de l'image dans

Vous devez l'utiliser

<style type="text/css">
.bodystyle{
filter:alpha(opacity=50);  
-moz-opacity:0.5;  
-khtml-opacity: 0.5;  
opacity: 0.5;
width:100%;
position:absolute;
background:url(图像/8.JPG) ; 
background-attachment:fixed;
}
</style>

Copier après la connexion

doit être écrit avant et représenté par des méthodes de classe.

<body >
<div class="bodystyle"></div>
</body>

Copier après la connexion

Ensuite, référencez cette classe dans le div pour définir la transparence de l'image

Mais cela pose également des problèmes. S'il y a du texte au milieu, il deviendra également une police transparente, et. il doit être utilisé comme arrière-plan. Pour les images, vous devez mettre le texte entre deux

, vous devez donc définir la transparence de la police du texte en css

opacity: 1;

Copier après la connexion

Apprentissage recommandé : Tutoriel vidéo HTML

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!

Étiquettes associées：

html

source：php.cn

Article précédent：Quelles sont les balises html appariées ? Article suivant：Que faire si le HTML est tronqué

Déclaration de ce site Web

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

Derniers articles par auteur