Maison >interface Web >Questions et réponses frontales >Comment définir la transparence des images HTML
Comment définir la transparence des images HTML
- 藏色散人original
- 2021-06-03 10:09:023408parcourir
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; ".
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
6c04bd5ca3fcae76e30b72ad730ca86dVous ne pouvez pas définir directement la transparence. de l'image dans
Vous devez l'utiliser dc6dce4a544fdca2df29d5ac0ea9906b
<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>doit être écrit avant et représenté par des méthodes de classe.
<body > <div class="bodystyle"></div> </body>
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 dc6dce4a544fdca2df29d5ac0ea9906b
, vous devez donc définir la transparence de la police du texte en css
opacity: 1;
.
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!