IE compatible with CSS3 fillet Border-radius (also compatible with Box-shadow,text-shadow)

1. Download IE-CSS3.HTC

2.CSS

box {  -moz-border-radius:15px;/* Firefox *  /-webkit-border-radius:15px;/* Safari and Chrome */  Border-radiu s:15px;  /* Opera 10.5+, as well as using IE-CSS3 's IE browser */  -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-CSS3 . HTC); /* Notify IE Browser invoke script to act on ' box ' class */}

3. Question:

One, can only at the same time 4 corner fillet, can not be set alone;

Second, the DIV can be used normally, Test text box, there will be an exception;

Third, the CSS file and the page in the same directory, otherwise invalid

Four, the current element must have a positional attribute, such as position:relative or Position:absolute property

Five, Z-index value must be higher than the surrounding elements

4. Supported Styles and status descriptions

See the table below:

style	effective	Invalid
Border-radius	Set fillet properties for element Four Corners Element border	Just set a corner of the fillet property
Box-shadow	Blur size parameter Offset value	Colors other than black (#000) are not supported
Text-shadow	Blur size parameter Offset value Color values	The performance of IE and firefox/safari/chrome have a little difference, the reason is unknown

IE compatible with CSS3 fillet Border-radius (also compatible with Box-shadow,text-shadow)