Maison  >  Article  >  interface Web  >  Fond DIV texte translucide style opaque_HTML/Xhtml_Production de pages Web

Fond DIV texte translucide style opaque_HTML/Xhtml_Production de pages Web

WBOY
WBOYoriginal
2016-05-16 16:39:121645parcourir

Le fond du DIV est semi-transparent et le texte du DIV n'est pas translucide

Copiez le code
Le code est tel suit :




L'arrière-plan du calque est semi-transparent et la couleur de la police est également semi-transparente

Copier le code
Le code est le suivant :

style="filter:alpha(opacity=50);background:#ffffff; width:600">L'arrière-plan du calque est semi-transparent et la couleur de la police n'est pas translucide


******Le calque avec filtre doit avoir l'attribut width, sinon le filtre sera invalide. ********

Nous pouvons utiliser un filtre de style CSS (effet de filtre) pour définir des effets de filtre sur certaines balises HTML.


Exemple :
Filtre photo noir et blanc : gris
Filtre photo à rayons X : Xray ; vrai, direction=45, force=30) ;
Filtre à onde sinusoïdale : onde (Ajouter=0, Freq=60, LightStrength=1, Phase=0, Force=3) ; Opacité =50) ;
Filtre de transparence linéaire : Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140) ; Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200) ;
Filtre transparent blanc : Chroma(Color=#FFFFFF) ; Filtre de couleur : gris ;
Filtre d'effet négatif : inverser ;
Filtre de retournement gauche et droit : fliph ;
Filtre de retournement vertical : flipv ; =# cccccc,offX=5,offY=5,positives=true);
Filtre mosaïque:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
Filtre effet Glow:progid:dXImageTransform.Microsoft.Glow); (color =#cccccc,Strength=5);
Filtre d'effet de bord doux :alpha(opacity=100, finishOpacity=0,style=2
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
Article précédent:textarea largeur et hauteur de la zone de texte la largeur et la hauteur s'adaptent automatiquement à la production de pages code_HTML/Xhtml_web d'implémentationArticle suivant:textarea largeur et hauteur de la zone de texte la largeur et la hauteur s'adaptent automatiquement à la production de pages code_HTML/Xhtml_web d'implémentation

Articles Liés

Voir plus