Maison > interface Web > tutoriel CSS > CSS rend un élément translucide

CSS rend un élément translucide

高洛峰
Libérer: 2017-03-20 10:45:53
original
1881 Les gens l'ont consulté

Cet article présente principalement les informations pertinentes sur l'utilisation de CSS pour rendre un élément translucide Il est très bon et a une valeur de référence. Les amis qui en ont besoin peuvent s'y référer

.opacity{  filter:alpha(opacity=50);       
/* IE */  -moz-opacity:0.5;              
/* 老版Mozilla */  -khtml-opacity:0.5;              
/* 老版Safari */  opacity: 0.5;           
/* 支持opacity的浏览器*/}
Copier après la connexion
.

Utilisé pour définir un élément comme semi-transparent

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

Lors de la mise à l'échelle des images sur la 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
comme mentionné ci-dessus L'éditeur vous présente comment utiliser CSS pour rendre un élément translucide. J'espère que cela vous sera utile. Si vous avez des questions, laissez-moi un message et l'éditeur vous répondra à temps. . Je voudrais également vous remercier tous pour votre soutien au site Web PHP chinois !

Pour plus d'articles liés au réglage CSS d'un élément pour qu'il soit translucide, veuillez faire attention au site Web PHP chinois !

Articles associés :

Tutoriel CSS3 (8) : Guide de transparence CSS3

Exemples d'utilisation de RGBa pour ajuster la transparence en CSS3

Code complet pour implémenter l'opacité CSS3

Étiquettes associées:
css
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