Turn CSS3 round round edge support Ie6-ie8 Browser

Article origin and Source URL: http://www.divcss5.com/css-texiao/texiao571.shtml

Very simple and practical, compatible with IE----do not turn sorry programmer

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:

1. . Yuan {
2. border:2px solid #C0C0C0;
3. -moz-border-radius:10px;
4. -webkit-border-radius:10px;
5. border-radius:10px;
6. position:relative;
7. padding:5px;
8. Background: #FFF;
9. Z-index:2;
10. width:330px;
11. height:200px;
12. Behavior:url (IECSS3.HTC)
13. }

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 (IECSS3.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.

HTML application code:

1. <div class="Yuan">
2. DIVCSS5 Fillet Case <br>
3. CSS3 version Fillet instance,<br>
4. Supports low version IE6-IE9 browser
5. </Div>
   

Fillet effect

Turn CSS3 round round edge support Ie6-ie8 Browser