css兼容调试常见情况及相应方法

作者佚名技术来源 CSS编程浏览发布时间 2012-05-26

似的有
   + 加号
   只有IE解释
   p{color:red; +color:blue}
   IE 显示blue FF显示 red
2.!important
   IE6及以下将会忽略该样式，IE7 FF将支持；
   p{color:red !important;color:yellow;}
   IE7 FF将红色 IE6显示黄色
   此处注意的是!important方法只是按上述格式后才被IE6及以下忽略，除此之外的提高样式权重方法可通用。
3.下划线。
   IE6及以下版本将运用该样式，其他将忽略
   p{color:red; _color:blue}
4、注释:
    p {color:red};
    这种样式在IE6中是可以应用显示的,而在IE5及以下版本是不会被处理的,所以可以针对IE5/6进行区别
5、@IMPORT:
    在@IMPORT中使用URL来导入样式,标准用法是将URL中的值带上引号,如下@IMPORT URL("newstyle.css");这种用法可以被IE5以上的浏览器及FF支持,从而实现了IE4的样式单独处理.
    另外,还有一个方法:
    @IMPORT URL("noie.css") screen;
    screen是用于指定设备类型的选项,screen用于屏幕显示,print用于打印设备显示但是IE对这种方法不支持,,所有的IE浏览器,从而可以进行IE和FF的区别。
6、属性选择符:    用于对具有特定属性的对象进行选择
    span[class=left]{color:blue}
    span[title]{color:red;}
   IE6不支持,但是在FF里面工作正常,所以可以对IE和FF进行分别处理.
    在实际开发中,经常要对IE和FF进行分别处理,可以用如下代码:
    #content{
    color:red;
    }
    [xmlnx] #content{
    color:blue
    }
   此种方法我觉得很实用，也经常用，推荐朋友使用，如需更详细的说明，我可以再发贴。
7.子对象选择符:
   span>p{color:red}
   IE6也是没有支持,也可用来区别IE和FF
8、Tantek方法
   #content{
               color:blue;
               voice-family:"\"}\"";
               voice-family:inherit;
               color:red;
   }
   上面的代码在使用了voice-family之后下面的color:red,将不会被IE5.5及以下浏览器所解析.因此在IE6/7/FF上文本颜色将呈现红色,在IE5.5及以下浏览器上将呈现蓝色;
   另外,voice-family还有一种处理方式:
   #content{
                color:red;
                voice-family:"}"
                voice-family:inherit;
                color:blue;
   }
   使用这个方法,将使IE6及以下版本浏览器与FF浏览器的文字都呈现红色,而IE5及以下版本浏

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: 网页制作:用div+css模拟表格对角线下一篇: CSS技巧:改变选择网页文字的背景色

关于css兼容调试常见情况及相应方法的所有评论

随机推荐