Définir des éléments translucides

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é*/}

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

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

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!