CSS加载失败原因有哪些

html-css014

CSS加载失败原因有哪些,第1张

最常见的失败原因有以下几类:

网络原因:IIS空间不足、浏览者网速慢、空间速度慢等网络因素是造成CSS加载失败的原因之一,其具体表现为:当我们打开网页时,网页布局完整,但却没有任何布局样式显示。

路径错误或者代码不兼容:果网页打开时,没有显示CSS设定的样式,只以原始状态显示。那么就可能是我们CSS文件路径出错或者CSS代码不兼容了。 

if造成失败:第三个原因是,我们编在写CSS时,可能使用了if判断语句对什么浏览器调用什么CSS文件时疏忽造成if调用的混乱,导致在某些浏览器上能正常显示,在某些浏览器上不能正常显示。对于这个原因,解决方法就是好好检查造成CSS加载失败的if判断设置。

另类CSS加载失败 :何为另类CSS加载失败?这是由于我们本身的CSS代码写法有问题,没有设置好造成在各浏览器显示不同布局差距效果。在CSS里面,我们称为css hack。

浏览器导致:在Chrome浏览器的错误控制台下看看css文件有没有加载进来,确定已加载的话,检查元素的类名与CSS中定义的类名是否相同。可能局限于ie浏览器,你用谷歌浏览器就会出现错误。所以尝试换个浏览器,然后等会在用,也可能修复故障。

编码不对:如果不是上述问题则看一看你的CSS文件的字符集是否和你的调用CSS文件的网页的字符集是否一致,就是charset属性那里。在你使用浏览器进行浏览效果的时候,ie浏览器中菜单栏上有一个“查看--编码”,在查看编码上面UTF-8或者GBK看看是不是同一个编码。可能是编码不一致所造成。

css hack就是根据不同的浏览器所支持的css语法的不同,来对每个浏览器中显示的样式进行有针对性的控制,关于css hack的写法,你可以看css浏览器兼容性列表

下面的网址里的这个图上,有所有的css hack写法,并列出了市面上流行的几种浏览器对于css语法的支持情况

另外,这里也有非常详细的说明

http://www.webdevout.net/browser-support-css#css2importance

这个是css hack 写法, 主要用在浏览器之间的兼容,

\9:支持IE浏览器

\0:支持IE8浏览器

你可以把属性复制到dreamweaver里面试试 看下IE浏览器下的效果 就明白了