IE无法加载CSS的原因可能有哪些

html-css042

IE无法加载CSS的原因可能有哪些,第1张

可能原因如下:

1.HTML页面编码与CSS编码不同(如HTML为gbk,CSS为utf-8)。

2.CSS文件中未指定@charset头声明,导致IE默认使用页面编码来解码CSS文件(DEMO中IE浏览器使用gbk来解码一个utf-8的CSS文件)。

3.中文注释中的汉字为奇数个数时,会与结尾的“*/”组合成新的合法字符,导致注释未能正确关闭,造成紧跟其后的样式被自动注释,从而引起样式失效。

4.不要使用@import url('a.css')。如果使用@import,当css文件发生改动时,客户端IE6将不会刷新该css。

IE 开发者工具添加css属性步骤如下:

选择开发人员工具栏目中,选择左起第一个鼠标指针按钮,然后将鼠标移动到“请假原因”多行文本空白处,点击鼠标左键。当前选中区域的元素和该元素的样式将分别在左右窗格显示出来。如图所示:

在左边窗格中,在选中的蓝色区域style属性值上方点击鼠标左键,此时style内容变为可编辑状态。如图所示:

选中后,右键选择“添加属性”就可以了

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