您现在的位置是:网站首页> 编程资料编程资料

主流浏览器css兼容问题汇总_CSS教程_CSS_网页制作_

2021-09-13 786人已围观

简介 这篇文章主要帮助大家梳理主流浏览器css兼容的相关问题,对主流浏览器css兼容问题进行汇总,感兴趣的小伙伴们可以参考一下

现在就post一些做兼容的总结,可能不够全面,但是可以告诉大家如何避过一些坑。主要测试了chrome,firefox,ie8、9、11,360浏览器。

一、基本的css兼容:

1、可能很多人喜欢用css hack的形式去兼容ie浏览器,但是我自己用起来感觉其实不好使 。ie7-就不考虑了,问题在哪呢,就在ie8的甑别上,你怎么让样式只对ie8起作用。上网搜你可能会得到这样的答案:

CSS Code复制内容到剪贴板
  1. .selector {   
  2.   color#ff0\0;/*ie8*/  
  3.   color#f00\9\0;/*ie9+*/  
  4. }  

但是实际上你一试就嗝屁了,因为ie8他就是识别ie9能识别的,所以根本不能让独立的样式只对ie8起作用。

更好用的是什么呢,是用ie浏览器独有的文档注释的方式。像这样:

XML/HTML Code复制内容到剪贴板
  1. >  
  2.   
  3.