Comment définir la transparence des images HTML

藏色散人
Libérer: 2021-06-03 10:09:02
original
3266 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

Copier après la connexion

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

 
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:
source:php.cn
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 téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!