CSS3 in IE is not fully compatible with the scheme

The IE series does not support CSS3 until Internet Explorer 8. In IE, to do some common effects such as rounded corners, shadows, you need to use some redundant and meaningless elements and pictures to make these effects. After getting tired of these, I think we should solve these problems in a more concise, direct, effective and CSS3 way. Fortunately, even the most criticized Internet Explorer itself is powerful enough. The special technology of IE can realize some CSS3 effect very well.   Opacity Transparency The transparency of the elements can be easily implemented with filters in IE.  

Border-radius Fillet/box Shadow Box Shadow/text Shadow Text shadow

In IE, vector Markup Language (VML) and JavaScript can be used to achieve these effects, after referencing an HTC file, you can use the three CSS3 properties in IE browser.

In fact, there are filters in IE to achieve shadows (shadow) and projection (Drop-shadow) effects.

Shadow will produce continuous, gradual shadows.

Drop-shadow produces shadows with no shading

Filters appear to conflict with existing HTC scripts, or they can be called attributes: when both are enabled on an element, the filter effect is transferred to its child elements

Gradients Gradient

A simple gradient filter is available in IE

In the realization of IE gradient is very simple

RGBA Transparency Color Background

The gradient filter supports RGBA colors, and the first two bits of STARTCOLORSTR and ENDCOLORSTR are alpha channel values. While using an alpha channel to simulate the RGBA color background, you should remove its Background-color property.

Multiple backgrounds multiple background images

A browser that supports CSS3 multiple background images can use the following statement to achieve a background multi-image:

To implement multi-background images in IE, add the following code to the individual IE hack style sheet:

Multiple backgrounds for CSS3 browsers

Multiple backgrounds of IE

Tranformations/rotate rotating Elements

IE has two filters to achieve the rotation of the elements, Basicimage and Matrix, the former simple and convenient but only to do 90*n (n∈{1,2,3,4}) degrees of rotation; The matrix filter is powerful, but the parameters are complex.

It's easy to rotate.

@font-face server-side fonts

Considering the size of the Chinese character font, this CSS3 is not a practical feature.

After the font is declared and referenced, you can use this font with font-family elsewhere on the page.

You can enable multiple filters on the same element, such as:

While some of the effects of using filters to mimic CSS3 are hard to call perfect, in some cases, using these techniques can make our code more concise and uniform.

CSS3 in IE is not fully compatible with the scheme