Some compatibility issues with browsers

CSS3 rounded round edge style, supports major versions of browsers, including round edge fillets that support IE6-IE9 browsers.

This article is mainly to explain if the CSS 3 style sheet to achieve the fillet effect, it is worth noting that the IE6/7/8 three versions of IE browser does not support CSS3 resolution, only the less mainstream IE 9 support CSS 3 and HTML 5 standards.

Let IE support CSS 3 parsing methods have many kinds, the following is a practical way to let IE support CSS 3 parsing method--ie use the VML Vector Markup language as a brush to draw a fillet.

Use CSS plugin files in CSS to make the Ie6/ie7/ie8 browser.

Specific CSS code:

/* Support the notation of rounded corners */  width:100px;  height:50px;  border:2px solid #cococo;  -moz-border-radius:15px; /* Firefox  /-webkit-border-radius:15px,/* Safari and Chrome */  border-radius:15px,/* Opera 10.5+, and use of IE-CSS3 IE browser */  position:relative;  Z-index:2;   Behavior:url (IE-CSS3.HTC); /* Notify IE Browser invoke script to act on ' box ' class */}

　　

　　

Use behavior in CSS to introduce "IECSS3.HTC" plug-in files. DIVCSS5 Note that to allow IE6-IE8 support, you need to put "Behavior:url (ie-css3.htc)" Inductive CSS code directly into the HTML file source code in order to take effect.

Let IE6-IE8 support CSS3 fillet Prerequisites:
1, Behavior:url (IECSS3.HTC) must be direct HTML in the inductive;
2, position:relative; Z-index:2; You must use both position and Z-index two CSS properties.

Ie6/7/8 these three versions of IE browsers support the CSS3 of the Shadow;

. box {/*box The shadow of the block area */  -moz-box-shadow:10px 10px 20px #000;/* Firefox */  -webkit-box-shadow:10px 10px 20px #000; /* Safari and Chrome */  box-shadow:10px 10px 20px #000,/* Opera 10.5+, and IE browser using IE-CSS3 *  /Behavior:url (ie-css 3.HTC); /* Notify IE Browser invoke script to act on ' box ' class */}

>>

. box {/*text font shadow notation */    -moz-text-shadow:5px 5px 20px #000;    -webkit-text-shadow:5px 5px 20px #000;    text-shadow:5px 5px 20px #000;}

Because IE6/7/8, to CSS3 support degree factor, above just oneself usually do some method, not place please many contain, everybody can communicate with each other more.

Some compatibility issues with browsers