IE6IE7IE8FF浏览器的CSS兼容问题探究

本文和大家重点讨论一下IE6 IE7 IE8 FF浏览器的CSS兼容问题,本来IE6跟ff之间的兼容是很容易解决的,加上个IE7会麻烦点,IE8的出现就更头疼了,下面看一下此问题如何解决。

成都创新互联公司2013年成立,先为彭山等服务建站,彭山等地企业,进行企业商务咨询服务。为彭山企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

IE6 IE7 IE8 FF浏览器的CSS兼容问题

IE6、IE7、IE8、FF浏览器的CSS兼容问题,本来IE6跟ff之间的兼容是很容易解决的。加上个IE7会麻烦点,IE8的出现就更头疼了,原来hackIE7的方法又不能用了,怎么办呢?

还好,微软提供了这样一个代码:

 
 
 

把这段代码放到里面,在IE8里面的页面解析起来就跟IE7一模一样的了,所以,基本上可以无视IE8,剩下的代码只需要这样写就可以了

 
 
 
  1. background:#ffc;/*对firefox有效*/
  2. *background:#ccc;/*对IE7有效*/
  3. _background:#000;/*只对IE6有效*/

解释一下吧:

◆firefox能解析第一段,后面的两个因为前面加了特殊符号“*”和“_”,firefox认不了,所以只认background:#ffc,看到的是黄色;

◆IE7前两短都能认,以最后的为准,所以最后解析是background:#ccc,看到的是灰色;

◆IE6三段都能认,而且“_”这个只有IE6能认,所以最后解析是_background:#000,看到的是黑色

已经是最简单和最好理解的写法了,如果你是google进来的,我可以很负责任的告诉你,这种方法是ok的,我测试过。
◆IE8的那段兼容7的代码我也测试过了,在我现在的windos7测试版所带的IE8是没问题的,以后IE8正式版出来还管不管用就不知道了。

ps:如果你发现按我这样写还是有问题的话,请查看一下你的html头,看看之前的内容是不是这样的标准写法

 
 
 
  1. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

这个是现在比较规范的写法,如果你是用dreamweaver做页面的话,默认也是这种规范的,切记,非这种规范写法的,兼容性不能保证。

分享标题:IE6IE7IE8FF浏览器的CSS兼容问题探究
路径分享:http://www.csdahua.cn/qtweb/news46/262046.html

网站建设、网络推广公司-快上网,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 快上网