Maison > interface Web > tutoriel CSS > le corps du texte

Exemple détaillé de définition d'un élément pour qu'il soit translucide à l'aide de CSS

小云云
Libérer: 2017-12-22 16:50:02
original
1417 Les gens l'ont consulté

Pouvez-vous utiliser CSS pour rendre un élément translucide ? Cet article présente principalement les informations pertinentes sur l'utilisation de CSS pour définir la translucidité d'un élément. 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

est utilisé pour définir un élément pour qu'il soit translucide


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

Échelle sur la plateforme Windows Image une distorsion peut se produire. Vous pouvez utiliser la commande propriétaire d'IE :


img{-ms-interpolation-mode: bicubic;}
Copier après la connexion

L'avez-vous appris ? Dépêchez-vous et essayez-le.

Recommandations associées :

L'image du paramètre CSS devient grise_html/css_WEB-ITnose

Explication détaillée de l'attribut miroir du filtre CSS3

Explication détaillée de l'attribut de filtre CSS3

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
À 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!