IE6不兼容 CSS 改CSS没效果 原因

本文记录了解决CSS图片阴影效果在IE6下不显示的问题过程。作者通过调整图片路径及请教高手,最终发现是CSS文件编码问题导致。文章强调了声明文件编码的重要性。

      由于手上有一个任务在,所以完成后才来写此帖。话说我是在写一个图片边框阴影效果,我用的是图片来作阴影效果的,其实是参考了css mastery这本书的一个例子,在编码完成后,我在IE7、8和FF下都测试通过,在IE6下,阴影效果一概没有。在CSS中使用到的图片路径,在developer toosbar中也没显示,于是,我开始尝试着解决这个兼容性问题。

     我在想,难不成是文件夹命名有问题,导致读不到图片。好,那我就重新换个路径试试,果然多出现了一个图片了。但是那个直角的阴影效果的图片始终没显示。

     东改改,西改改,反复测试,没能解决,老方法,上群里请教高手去。群里有位朋友让我传给他看看,我立马打了个包发过去。。

     许久过去了,没回音,我给他发了QQ消息 ,问他看得如何,他依旧没回。于是我只能把这个压缩包发给我一个朋友,那位MM写CSS已经6年了,我相信这个问题难不倒她。

     

 

      就这样,以QQ截图为证,这个问题让一个写了六年CSS的大牛,也看了十来分钟,一开始她说编码问题我还没想起,我只是觉得,我所有的CSS文件都没声明编码。为啥就base.css有问题?后来才想起,那天为了快速,我直接拿了一个记事本改成base.css,往里写了些公用代码,杯具啊。。我这个改后缀名的毛病一定要改掉。。如果是直接在DW里创建的文件,默认就是UTF-8格式的,就没这种杯具发生了。。

      后来我又问她,你从哪儿看出是编码问题?她说一般修改CSS没什么变化,就是编码问题。。感觉这个概括应该是她的经验之谈。不过对于我这种没这么深功底的人来说,是不是有更好的办法呢。 貌似DW里面那个检查兼容性的工具,可以为我们检查出来这一点。。

 

      以后记得了,所有 CSS文件开头一定先声明

    

@charset "utf-8";

 

      

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/Silvia/archive/2012/03/05/2380530.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值