DIV background semi-transparent text non-translucent style

DIV background is semi-transparent, but the words in DIV are not semi-transparent

Copy code

The code is as follows:

The layer background is semi-transparent, and the font color is also semi-transparent

Copy code

The code is as follows:

</span></div>
<div style="filter:alpha(opacity=50);background:#ffffff;width:600"><span style="position:relative;color:yellow">The layer background is semi-transparent, and the font color is not semi-transparent</span></div>

*******The layer with filter must have width attribute, otherwise the filter will be invalid. ********

We can use CSS style filters to set filter effects on some HTML tags.

example:

Black and white photo filter: gray;
X-ray photofilter: Xray;
Wind blur filter: blur(add=true,direction=45,strength=30);
Sine wave filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0, Strength=3);
Translucent effect filter: Alpha(Opacity=50);
Linear transparent filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=140);
Radiation transparency filter: Alpha(Opacity=10, FinishOpacity=100, Style=2, StartX=30, StartY=30, FinishX=200, FinishY=200);
White transparent filter: Chroma(Color=#FFFFFF);
Reduce color filter: grays;
Negative effect filter: invert;
Flip left and right filter: fliph;
Vertical flip filter: flipv;
Projection effect filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
Mosaic filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
Glow effect filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
Soft edge effect filter:alpha(opacity=100, finishOpacity=0,style=2

<<: Best Practices Guide for Storing Dates in MySQL

>>: Vue+webrtc (Tencent Cloud) practice of implementing live broadcast function