Maison > interface Web > tutoriel CSS > Définir des éléments translucides

Définir des éléments translucides

php中世界最好的语言
Libérer: 2018-03-22 14:11:04
original
1445 Les gens l'ont consulté

Cette fois, je vais vous expliquer comment mettre en place des éléments translucides. Quelles sont les précautions pour la mise en place d'éléments translucides. Voici un cas pratique, jetons un coup d'oeil.

.opacity{ filter:alpha(opacity=50);
/* IE */ -moz-opacity:0.5
/* Ancienne version de Mozilla */ -khtml-opacity:0.5;
/* Les navigateurs prenant en charge l'opacité*/}

sont utilisés pour définir un élément pour qu'il soit semi-transparent

.filter = "alpha(opacity=" + opacity + ")";    
/* IE */ .MozOpacity = (opacity / 100);                 
/* 老版Mozilla */ .KhtmlOpacity = (opacity / 100);               
/* 老版Safari */ .opacity = (opacity / 100);                    
/* 支持opacity的浏览器*/
Copier après la connexion
afin de redimensionner l'

image sur le Plate-forme Windows, une distorsion de l'image peut se produire. Vous pouvez utiliser la commande propriétaire d'IE :

img{-ms-interpolation-mode: bicubic;}
Copier après la connexion
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres informations connexes. articles sur le site PHP chinois !

Lecture recommandée :

Quatre méthodes de masquage en html+css

Explication détaillée de l'utilisation du dégradé linéaire

Explication détaillée de l'utilisation de border-image en style 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!

É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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal