如何让IE7,8支持CSS3圆角的方法

html-css052

如何让IE7,8支持CSS3圆角的方法,第1张

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

不可以,IE9才开始兼容CSS3,而且还不是完全兼容,比如border-image属性IE9就不兼容。但是大部分常用的还是兼容的,比如border-radius。但是IE7和8是完全不兼容CSS3

e浏览器从ie8开始添加了兼容模式,开启后会以低版本的ie进行渲染。兼容模式有可能会导致网页显示出问题,于是通常在html中添加下列代码来使

ie

使用固定的渲染模式:

代码如下:

<metahttp-equiv="x-ua-compatible"content="ie=8"><!--以ie8模式渲染-->

<metahttp-equiv="x-ua-compatible"content="ie=7"><!--以ie7模式渲染-->

有一种情况,在ie8下只有不使用兼容模式页面才能显示正常,但是如果设定为ie8的模式,在ie9中却会导致css3失效。看来,需要针对

ie8、ie9

分别

禁用兼容模式。怎么办呢?可以在后台判断浏览器版本,如果是ie8就输出content="ie=8",如果是ie9就输出

content="ie=9"。其实还可以单纯通过html来实现的,html代码如下:

<metahttp-equiv="x-ua-compatible"content="ie=9

ie=8

ie=7

ie=edge">