Several methods of CSS3 Text-shadow text shadow under IE

One: IE9 not supported CSS3 of the Text-shadow attributes;

Two: Glow text Shadow effect under Filter

Filter:glow (color=black,strength=5);

The effect is a black halo with a 5-pixel diffuse size. But the effect is not satisfactory, when replaced by Gray, there will be raw edges.

Three: Motionblur the text shadow effect under the filter

Filter:progid:DXImageTransform.Microsoft.MotionBlur (strength=5, direction=145);

In Chinese interpretation is: 145 degrees in the direction of 5 like the size of the motion blur.

Although the Motionblur filter has directionality, it can also set the size, but its blurred projection color can only be the color of the text itself. In other words, a single label, a filter can not be implemented similar to the text white, the effect of projecting black.

However, this congenital deficiency can also be repaired by some means.

Four: The use of two identical color different text to overlap.

The text overlap here is achieved with the absolute non-height and no-width of the absolute positioning elements.

Five: Use two identical colors to overlap with different text.

A margin negative value allows the upper and lower text to be offset by 1 pixels.

Several methods of CSS3 Text-shadow text shadow under IE