怎么让ie支持圆角，如何让IE78支持CSS3圆角的方法

本文目录一览

1，如何让IE78支持CSS3圆角的方法
2，如何设置div的角圆滑
3，如何让IE兼容css3圆角
4，ie里的css怎样控制一个圆角的边框

1，如何让IE78支持CSS3圆角的方法

css3的border-radius在IE7和8是不兼容的，即无效，那么如果要IE8及以下版本的浏览器兼容圆角，只能用图片来实现。即做一张圆角效果的图片，然后通过这张图片来实现圆角效果。

如果想用css3建议不要考虑低版本的浏览器，如果想考虑低版本浏览器那就不建议用css3的一些新属性。用插件解决的这个方法也不是万能的，你说的这个插件是可以实现圆角的，但是感觉没有必要，如果想考虑低版本的浏览器那建议使用图片。

如何让IE78支持CSS3圆角的方法

2，如何设置div的角圆滑

两种方式：一种：给div设置背景图片，背景图片可以设计成圆角。适用范围广。建议使用这一种方法。另一种：用css3技术，设置{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius: 15px;}只能在最新的浏览器上使用。ie浏览器基本不支持，当然，你可以导入一些外部文件来使ie支持css圆角。

给div加圆角，用px或者em等单位都可以，数值随需求调整！.div{border-radius:5px;}

如何设置div的角圆滑

3，如何让IE兼容css3圆角

它们定义了一套方法和属性，程序员几乎可以把这些方法和属性应用到HTML页面上的任何元素上去。Web 行为是非常伟大的因为它们允许程序员把自定义的功能“连接”到现有的元素和控件，而不是必须让用户下载二进制文件（例如ActiveX 控件）来完成这个功能。使用演示： .mainborder: 2px solid #C0C0C0;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;position:relative;z-index:100;behavior: url(此处为ie-css3.htc文件的绝对路径);} Webkit内核的浏览器支持“-webkit-border-radius: 10px;”属性（10px是圆角半径），可以直接解析出圆角；Firefox浏览器支持“-moz-border-radius: 10px;”属性，也是可以直接解析出圆角；IE系浏览器则需要加上“border-radius: 15px;”的属性。注意： 1、behavior的url里一定要填写ie-css3.htc的绝对路径，因为 IE浏览器找该文件是相对当前html文件路径来找的，所以对于Wordpress等动态程序生成的页面一定要填写绝对路径。 2、一定要有定位属性：position:relative; 3、因为在IE浏览器下这些CSS3效果的实现是要借助于VML，由VML绘制圆角或是投影效果，所以还需要一个z-index属性。z-index属性最好设置得比较大，如2。 4、如果在IE浏览器下某些模块无法用此渲染，可以试着绝对定位相应的层，即加上“ width: 400px; height:400px;”属性。 5、radius属性的10px是圆角半径，还可以给两个值如“border-radius: 10px 5px;”，这样则左上角与右下角半径为10px，右上角与左下角半径为5px。也可以赋4个值，为“上右下左”。

我的問题详细：如何用css3.0做圆角，具體要求如下：1.上左10px 上右10px 下左0px 下右0px，也就是说框框上面是圆角，下面不是的。2.框框的背景要是渐变(比如深蓝---浅蓝)3.同时要兼容ie、ff(特别是ie)（用背景图片做的办法免談，不予考慮！！！）

如何让IE兼容css3圆角

4，ie里的css怎样控制一个圆角的边框

IE不支持直接圆角边框，可以用图片拼接，FF里面可以用-moz-border-radius: 上左上右下右下左; 进行控制。

在chrome、firefox、safari、ie9+等浏览器中圆角很容易实现，代码如下：.div -webkit-border-radius:5px;//webkit内核 -moz-border-radius:5px;//mozilla -ms-border-radius:5px;//ie -o-border-radius:5px;//opera border-radius:5px;//假设你希望圆角的幅度是5px}但是在ie6/ie7/ie8等低版本浏览器中是不可能通过css实现圆角的，必须借助背景图片才能实现。

border-radius实现边框圆角　　一、基本语法：　　border-radius ： none | {1,4} [/ {1,4} ]? 　　二、取值范围：　　：由浮点数字和单位标识符组成的长度值。不可为负值。　　三、简单说明：　　1、border-radius 是一种缩写方法。如果“/”前后的值都存在，那么“/”前面的值设置其水平半径，“/”后面值设置其垂直半径。如果没有“/”，则水平和垂直半径相等。另外其四个值是按照top-left、top-right、bottom-right、bottom-left的顺序来设置的其主要会有下面几种情形出现：　　（1）、只有一个值，那么 top-left、top-right、bottom-right、bottom-left 四个值相等。　　（2）、有两个值，那么 top-left 等于 bottom-right，并且取第一个值；top-right 等于 bottom-left，并且取第二个值　　（3）、有三个值，其中第一个值是设置top-left;而第二个值是 top-right 和 bottom-left 并且他们会相等,第三个值是设置 bottom-right。　　（4）、有四个值，其中第一个值是设置 top-left 而第二个值是 top-right 第三个值 bottom-right 第四个值是设置 bottom-left。　　2、其实 border-radius 和 border 属性一样，还可以把各个角单独拆分出来，也就是以下四种写法，这里我规纳一点，他们都是先Y轴在X轴：　　border-top-left-radius: //左上角　　border-top-right-radius: //右上角　　border-bottom-right-radius: //右下角　　border-bottom-left-radius: //左下角　　3、这里说一下，各角拆分出来取值方式：中第一个值是圆角水平半径，第二个值是垂直半径,如果第二个值省略，那么其等于第一个值，这时这个角就是一个四分之一的圆角，如果任意一个值为0，那么这个角就不是圆角。　　四、border-radius各浏览器的支持　　border-radius 只有在以下版本的浏览器：Firefox4.0+、Safari5.0+、Google Chrome 10.0+、Opera 10.5+、IE9+ 支持 border-radius 标准语法格式，对于老版的浏览器，border-radius 需要根据不同的浏览器内核添加不同的前缀，比说 Mozilla 内核需要加上“-moz”，而 Webkit 内核需要加上“-webkit”等，那么我为了能兼容各大内核的老版浏览器　　1、Mozilla(Firefox, Flock等浏览器) 　　-moz-border-radius-topleft: //左上角　　-moz-border-radius-topright: //右上角　　-moz-border-radius-bottomright: //右下角　　-moz-border-radius-bottomleft: //左下角　　2、WebKit (Safari, Chrome等浏览器) 　　-webkit-border-top-left-radius: //左上角　　-webkit-border-top-right-radius: //右上角　　-webkit-border-bottom-right-radius: //右下角　　-webkit-border-bottom-left-radius: // 左下角　　3、Opera浏览器：　　border-top-left-radius: //左上角　　border-top-right-radius: //右上角　　border-bottom-right-radius: //右下角　　border-bottom-left-radius: //左下角　　4、Trident (IE) 　　IE9 以下版本不支持 border-radius，而且 IE9 没有私有格式，都是用 border-radius，其写法和 Opera 是一样的。　　IE6/7/8这三个IE浏览器版本都不支持CSS3的解析，只有还不太主流的IE9支持CSS3和HTML5的标准。让IE支持CSS3的解析方法有很多种，（让IE浏览器支持HTML5标准的方法）下面介绍一种实用的让IE支持CSS3解析的方法——IE利用VML矢量可标记语言作为画笔绘出圆角：　　1、下载一个压缩包，里面有一个微软的脚本文件（11KB）和一个用来测试服务器是否有正确的Content-Type的HTML文件：iecss3.rar；.htc文件是IE内核支持Web行为后用来描述此类行为的脚本文件。它们定义了一套方法和属性，程序员几乎可以把这些方法和属性应用到HTML页面上的任何元素上去。Web 行为是非常伟大的因为它们允许程序员把自定义的功能“连接”到现有的元素和控件，而不是必须让用户下载二进制文件（例如ActiveX 控件）来完成这个功能。