FF下网站大面积错乱原因解析

FF下网站大面积错乱原因解析

有的时候我们辛辛苦苦的编写的网站CSS代码,在IE下可以正常浏览,但是拿到FF下却只有部分正常,剩下的部分变得面目全非,网站大面积错乱,实在让人懊恼不已。

其实,只要你用心观察一下,就会发现,有时候大面积的错乱是从网站的某个部分开始,然后一直到文档结尾。既然看到这个现象,那我们就可以仔细分析一下,不难发现,其实是FF没有像IE那样解析部分样式表,这就证明很可能是我们的样式表从某处开始出现了错误导致的这个结果。

那打开样式表,我们仔细的检查,却一点错误都没有发现。这个时候,我们心情烦躁,我们开始上网求助或者发帖求助,但是很多情况下都是无济于事。解决的方法其实很简单,我们要善于借助工具来检查错误。

这里用到的就是FF下的一个网站设计要用到的小插件,在青岛网站建设市场上这个插件是很有用处的。现在我们将它下载下来,然后安装,重启FF浏览器。

打开出错的网站,然后我们点开CSS栏,发现问题了吧,的确是从某一行开始之后的代码不见了,这时,我们回到DW中查看对应行号的CSS样式代码,我的小心肝啊,终于找到错误了,原来是在容器后面写了两个大括号,即使用了.xx{{font:100...} 这样的方式,而不是正确的 .xx{font:100...} 这样的方式。导致FF不能解析剩余的样式表了,而IE下却可以正常显示,这也充分体现了IE容错能力强的“好处”了。