IV. The background is translucent, and the words in the DIV are not translucent.
The Code is as follows:
<Body bgcolor = "#336699" type = "codeph" text = "/codeph">
<Div style = "filter: alpha (opacity = 50); Background: # ffffff; width: 600;"> <span style = "color: yellow">
The layer background is translucent, And the font color is also translucent.
The Code is as follows:
</Span> </div>
<Div style = "filter: alpha (opacity = 50); Background: # ffffff; width: 600"> <span style = "position: relative; color: yellow "> translucent layer background, non-translucent font color </span> & lt;/div>
* ****** The layer with filter must have the width attribute; otherwise, the filter is invalid. ********
We can use a CSS Filter to set the filter effect on some HTML tags.
Example:
Black/white photo filter: Gray;
X-ray filter: Xray;
Pneumatic fuzzy filter: blur (add = true, direction = 45, strength = 30 );
Sine ripple filter: Wave (add = 0, freq = 60, lightstrength = 1, phase = 0, strength = 3 );
Translucent filter: alpha (opacity = 50 );
Linear transparent filter: alpha (opacity = 0, finishopacity = 100, style = 1, startx = 0, starty = 0, finishx = 100, finishy = 140 );
Radioactive transparent filter: alpha (opacity = 10, finishopacity = 100, style = 2, startx = 30, starty = 30, finishx = 200, finishy = 200 );
White transparent filter: chroma (color = # ffffff );
Color Filter: grays;
Negative filter: invert;
Left-right flip 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 );
Luminous effect filter: progid: DXImageTransform. Microsoft. Glow (color = # cccccc, strength = 5 );
Soft Edge Filter: alpha (opacity = 100, finishopacity = 0, style = 2