Maison  >  Article  >  interface Web  >  Exemple détaillé de définition d'un élément pour qu'il soit translucide à l'aide de CSS

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

小云云
小云云original
2017-12-22 16:50:021419parcourir

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的浏览器*/}

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的浏览器*/

É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;}

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!

Déclaration:
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