怎么解决ie不兼容css3的问题

html-css015

怎么解决ie不兼容css3的问题,第1张

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">

无法全部完美解决,如果能完美解决就不存在兼容这个概念了。

有很多js可以让一些老版本ie支持css3特性,但只是针对性的,没有哪个js能解决所有css3兼容问题,所以想通过js来最大程度让低版本ie支持css3的多种特性的话,你得同时引用几十个js,这个是得不偿失的,并且他们之间有没冲突你也不知道。

不要试图去搞定兼容问题,应该学会适当的降级处理,当一个css3效果遇到低版本ie时,在保障内容能正确显示、阅读的情况下,让效果略为下降