CSS Compatibility Raiders

Usually need to pay more attention, touch not compatible how to see more can I use, the amount, there is to understand how the page is compatible to what extent

1 whether compatibility is required

A come up to think of this problem, some effect incompatible is not compatible Bai, as long as the back smooth can,

As in this case CSS Shapes:

Picture from W3cplus, in this case, for the browser does not support CSS shapes properties, or do not need to force support good.

2 If you just need to reverse the process

With the 1th ratio is the addition of additional fallback processing (which should have been), such as CSS gradient fallback processing:

    Background-color: #f9efee;    Background-image:linear-gradient (to left, #f5e5e3 0, #ffffff 52%, #f5e5e3 100%);

3 situations that require additional differentiation

Using CSS to deal with is a variety of hack:

CSS Hack Tips Daquan

Clever use of browser CSS property values incompatible backwards compatibility hack tips

With JS processing, the best method is naturally the ability to judge, you can use Modernizr.js or the following code:

if (! ') Shape-margin ' in Document.documentElement.style) {}//How to do if the Shape-margin attribute is not supported

4 Force effect Same

At this point, that's the only code you can get.

text-shadow:2px 2px 15px #333; Filter:glow (color= #333333, strength=2);/* old IE does not support text shading, use IE filter on it */