如何让自己写的CSS代码c全面兼容秒杀IE6、IE7、IE8、FF浏览器呢?

来源:怀化SEO博客 责任编辑:栏目编辑 发表时间:2013-07-01 18:03 点击:

如何让自己写的CSS代码全面兼容秒杀IE6、IE7、IE8、FF浏览器呢?

相信大家在用p+CSS架构做网站的时候,对浏览器的兼容问题很是恼火。

下面有几种方法可以让您的CSS在IE6、IE7、IE8、FF浏览器下很好的兼容,都是不错的方法哦。

第一种方法:

    <meta http-equiv=”x-ua-compatible” content=”ie=7″ />

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

????????? background:#ffc; /*? 对firefox有效*/
????????? *background:#ccc; /* 对ie7有效 */
???????? _background:#000; /* 只对ie6有效 */

  解释一下吧:

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

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

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

  阿门!已经是最简单和最好理解的写法了,如果你是google进来的,我可以很负责任的告诉你,这种方法是ok的,我测试过。

  ie8的那段兼容7的代码我也测试过了,在我现在的windos 7 测试版所带的ie8是没问题的,以后ie8正式版出来还管不管用就不知道了。

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

  

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>

  

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

  第二种方法:

  要求苛刻的朋友是不愿意在页面头部增加这样一句代码的,因为这样的结果是每个页面都得加。那么要想兼容这几个浏览器还真得想别的办法了。早些天本站发布了一篇《完美兼容ie6,ie7,ie8 以及firefox的css透明滤镜》,可能当时测试的疏忽,IE8的兼容性没有解决好,好多朋友回复说用不了。今天抽出些时间,查阅大量资料,终于解决了这个问题了。

  以下是兼容IE6/IE7/IE8/FF的写法,注意下面的顺序不可颠倒

  margin-bottom:40px; /*ff的属性*/

  margin-bottom:140px\9; /* IE6/7/8的属性 */

  color:red\0; /* IE8支持 */

  *margin-bottom:450px; /*IE6/7的属性*/

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • 12个影响SEO价格的常见因素
      • 从市场的角度思考网站建设
      • 网站优化之黑帽SEO
      • 行业站站长必备:如何提升行业网站影响力
      • 星际争霸运营与网站运营的思考
      • 乐讯刷机网全新改版 在线刷机更方便更放心
      • 网站优化:如何模拟不同带宽测试网页打开速度
      • 全站301重定性 避免带与不带www域名权重分散的几种方法
      • webkaka新增了几个网页优化工具:图片/CSS/JS压缩
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1