Maison  >  Article  >  interface Web  >  Définir des éléments translucides

Définir des éléments translucides

php中世界最好的语言
php中世界最好的语言original
2018-03-22 14:11:041405parcourir

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

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