如果我们想在IE浏览器中实现圆角的效果，通常会采用圆角图片的形式。 如果使用图片，基本上与浏览器无关，因为任何浏览器都支持这些形式。 明天我们主要讲解如何使用CSS3样式表来实现圆角的效果。 值得注意的是，IE6/7/8这三个IE浏览器版本都不支持CSS3解析，只有还不是主流的IE9支持CSS3和HTML5标准。 有很多方法可以让IE支持CSS3解析。 下面是让IE支持CSS3解析的实用方法——IE借助VML矢量标记语言绘制圆角作为笔划：
1、下载一个压缩包，里面有Google脚本文件（11KB）和一个用于测试服务器Content-Type是否正确的HTML文件：iecss3.rar； .htc文件是IE内核支持Web行为后带来的描述该行为的脚本文件。 它们定义了一组方法和属性，程序员可以将它们应用于 HTML 页面上的几乎任何元素。 Web 行为很棒，因为它们允许程序员将自定义功能“连接”到现有元素和控件，而不是让用户下载补码文件（例如 ActiveX 控件）来完成此功能。
解压后手机浏览器 css3，打开test.html，如果显示效果是圆角，则可以继续。
使用演示：
[css].main{
边框：2pxsolid#C0C0C0；
-moz-边框半径：10px；
-webkit边框半径：10px；
边框半径：10px；
位置：相对；
z 索引：2；
behavior:url（这里是ie-css3.htc文件的绝对路径）；
}[/css]
使用Webkit内核的浏览器支持“-webkit-border-radius:10px;” 属性（10px为圆角直径）手机浏览器 css3，可以直接解析出圆角； Firefox 浏览器支持“-moz-border-radius:10px;” 属性，也可以直接解析出圆角； 基于IE的浏览器需要添加“border-radius: 15px;” 属性。
注意：
1、行为的url中必须填写ie-css3.htc的绝对路径。 由于IE浏览器搜索该文件是相对于当前html文件的路径，因此在Wordpress等动态程序生成的页面中必须填写绝对路径。
2、必须有一个定位属性：position:relative；
3、因为这个CSS3效果在IE浏览器下的实现是要应用到VML上的，而圆角或者投影效果都是由VML绘制的，所以还需要一个z-index属性。 z-index属性最好设置的比较大，比如2。
4、如果在IE浏览器下个别模块很难使用这种渲染方式，可以尝试对对应图层进行绝对定位，即添加“width:400px;height:400px;” 属性。
5、radius属性的10px是圆角的直径。 也可以给出两个值如“border-radius: 10px5px;”，这样左上角和右下角的直径都是10px，右上角和左下角的直径是5 像素。 您还可以分配4个值，即“右上左下”。
