Div background translucent text is not translucent style

Time:2020-8-14

Div background translucent, div words are not translucent

Copy code

The code is as follows:

<body bgcolor=”#336699″>
<div style=”filter:alpha(opacity=50);background:#ffffff;width:600;”><span style=”color:yellow”>

The background of the layer is translucent, and the color of the font is also translucent

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 “> Layer background is translucent, font color is not translucent < / span > < / div >

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

We can use CSS style filter to filter some HTML tags.

For example:

Filter: gray;
X-ray image filter: Xray;
Wind fuzzy filter: blur (add = true, direction = 45, strength = 30);
Sine wave filter: wave (add = 0, freq = 60, lightstrength = 1, phase = 0, strength = 3);
Translucent filter: alpha (opacity = 50);
Linear transparent filter: alpha (opacity = 0, finishpopacity = 100, style = 1, startx = 0, starty = 0, finishx = 100, finishy = 140);
Transparency filter: alpha (opacity = 10, finishpopacity = 100, style = 2, startx = 30, starty = 30, finishx = 200, finishy = 200);
White transparent filter: chroma (color = ffffff);
Reduce the color filter: grays;
Film effect filter: invert;
Flip filter: flip left and right;
Flip filter: flip vertically;
Projection effect filter:progid : dXImageTransform.Microsoft.DropShadow (color=#cccccc,offX=5,offY=5,positives=true);
Mosaic filter:progid : dXImageTransform.Microsoft.Pixelate (maxsquare=3);
Luminous effect filter:progid : dXImageTransform.Microsoft.Glow (color=#cccccc,Strength=5);
Soft edge effect filter:alpha (opacity=100, finishOpacity=0,style=2