解决各大浏览器兼容问题hack，IE6/ IE7/ IE8/ IE9/ Firefox/ Opera/ Webkit/ Chrome/ Safari.

浏览器兼容是网站前端页面制作最基本的问题，通常IE6最容易出现不兼容的问题。有时候像火狐、谷歌这些浏览器也会出现不兼容的情况，这里做一个相对全面的浏览器兼容hack总结，欢迎补充。

  1. color:red; /* 所有浏览器都支持 */
  1. color:red !important; /* 除IE6外 */
  1. _color:red; /* IE6支持 */
  1. *color:red; /* IE6、IE7支持 */
  1. +color:red; /*IE7支持*/
  1. *+color:red; /* IE7支持 */
  1. color:red\9; /* IE6、IE7、IE8、IE9支持 */
  1. color:red\; /* 针对所有IE */
  1. color:red\0; /* IE8、IE9支持 */
  1. color:red\9\0; /*IE9支持*/
  1. /* webkit and opera */
  2.  @media all and (min-width: 0px){ div{color:red;} }
  1. /* webkit */
  2.  @media screen and (-webkit-min-device-pixel-ratio:0){ div{color:red;} }
  1. /* opera */
  2.  @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-
  3.  
  4. ratio:0) { div{color:red;} }
  1. /* firefox * /
  2.  @-moz-document url-prefix(){ div{color:red;}} /* all firefox */
  3.  
  4.  html>/**/body div, x:-moz-any-link, x:default {color:red;} /* newest firefox */
  5. }
  1. body:nth-of-type(1) p{color:red;} /* Chrome、Safari支持 */
  1. <!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
  1. <!--[if IE 7 ]> <html class="ie7"> <![endif]-->
  1. <!--[if IE 8 ]> <html class="ie8"> <![endif]-->
  1. <!--[if IE 9 ]> <html class="ie9"> <![endif]-->
  1. <!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->
  1. <!–[if IE 7]> = 等于 IE7
  1. <!–[if lt IE 8]> = 小于 IE8（就是 IE7 或以下了啦）
  1. <!–[if gte IE 8]> = 大于或等于 IE8 
  1. <meta http-equiv="x-ua-compatible" content="ie=7" />
  1. 把这段代码放到<head>里面，在ie8里面的页面解析起来就跟ie7一模一样的了
  1. <!–[if IE]>
  1. <link rel=”stylesheet” href=”/ie-all.css” type=”text/css” media=”screen” />
  1. <![endif]–>
  1. <!–[if lt IE 8]>
  1. <link rel=”stylesheet” href=”/ie.css” type=”text/css” media=”screen” />
  1. <![endif]–>
  1. <!–[if IE 7]>
  1. <link rel=”stylesheet” href=”/ie7.css” type=”text/css” media=”screen” />
  1. <![endif]–>
  1. <!–[if IE 6]>
  1. <link rel=”stylesheet” href=”/ie6.css” type=”text/css” media=”screen” />
  1. <![endif]–>

解决各大浏览器兼容问题hack的更多相关文章

  1. hack (浏览器兼容css hack）

    1.hack的原理 由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系.我们就可以根据这个来针对不同的浏览器来写不同的CSS. CSS Hack大致有3种表现形式,CSS类内 ...

  2. 【跟着子迟品 underscore】for ... in 存在的浏览器兼容问题你造吗

    Why underscore 最近开始看 underscore.js 源码,并将 underscore.js 源码解读 放在了我的 2016 计划中. 阅读一些著名框架类库的源码,就好像和一个个大师对 ...

  3. css中使用if条件在各大浏览器(IE6\IE7\IE8)中hack方法解决教程

    一个滚动代码,其他浏览器都滚的好好的,就IE出现错误,DIV+CSS if条件hack,这里DIVCSS5为大家介绍针对各大浏览器(IE6\IE7\IE8)中使用if条件hack方法教程,DIV CS ...

  4. 浅谈CSS hack（浏览器兼容）

    今天简单写一点关于浏览器兼容的处理方法,虽然百度上已经有很多,但是我还是要写! 先看一个图 这个图描述了2016年1月至8月网民们所使用的浏览器市场份额(来源:http://tongji.baidu. ...

  5. CSS Hack (各个浏览器兼容的问题)

    写css样式的时候,恐怕最头疼的就是各个浏览器下的兼容性问题,即css hack,明明感觉应该是对的,但是就是出不来效果,我根据平时所接触的,总结一下关于兼容 性的技巧,希望可以对大家有所帮助…… C ...

  6. 关于浏览器兼容问题及hack写法

    浏览器的兼容问题 1.浏览器内核: Mozilla Firefox ( Gecko ) Internet Explorer ( Trident ) Opera ( Presto ) Safari ( ...

  7. WEB前端开发人员须知的常见浏览器兼容问题及解决技巧

    所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的 ...

  8. 常见浏览器兼容问题、盒模型2种模式以及css hack知识讲解

    什么是浏览器兼容问题?所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们 ...

  9. 各大浏览器 CSS3 和 HTML5 兼容速查表

    不知不觉中,支持 CSS3 和 HTML5 的浏览器变得越来越多,甚至包括最新版的 IE,当然,所谓支持仅仅是部分支持,因为 CSS3 和 HTML5 的W3C 规范都尚未形成.如果你现在就希望使用 ...

随机推荐

  1. win8.1下使用vmware workstation 来编译ffmpeg

    先吐槽下,T440预装的win8.1 采用 UEFI+GPT分区导致 无法使用传统的EasyBCD来达到win+ubuntu双系统效果, 尝试了2天全部失败,等以后有时间了 买块U盘再干掉win8 现 ...

  2. python之高性能网络编程并发框架eventlet实例

    http://blog.csdn.net/mingzznet/article/details/38388299 前言: 虽然 eventlet 封装成了非常类似标准线程库的形式,但线程和eventle ...

  3. Python字符串编码问题

    编码问题:Unicode把所有语言都统一到一套编码里,这样就不会再有乱码问题了. ASCII编码和Unicode编码的区别:ASCII编码是1个字节,而Unicode编码通常是2个字节.字母A用ASC ...

  4. php.ini – 配置文件详解

    详见: https://my.oschina.net/miaowang/blog/299546 这个文件必须命名为''php.ini''并放置在httpd.conf中的PHPIniDir指令指定的目录 ...

  5. hdu4619Warm up 2

    http://acm.hdu.edu.cn/showproblem.php?pid=4619 二分图匹配  最小点覆盖 = 最大匹配 #include <iostream> #includ ...

  6. android 自动调整屏幕分辨率

    请看 http://blog.csdn.net/awp258/article/details/7593340

  7. poj 2151 Check the difficulty of problems（概率dp）

    poj double 就得交c++,我交G++错了一次 题目:http://poj.org/problem?id=2151 题意:ACM比赛中,共M道题,T个队,pij表示第i队解出第j题的概率 问 ...

  8. knockout 绑定 jquery ui datepicker （转）

    ko.bindingHandlers.datepicker = { init: function(element, valueAccessor, allBindingsAccessor) { //in ...

  9. sencha touch 2 tabpanel中List的不显示问题,解决方案

    笔者在做sencha项目的时候碰到一个需求,就是"好友列表"中分为"未确认好友"和"已确认好友",两个都是一个list,自然想到的就是使用t ...

  10. C#调用Geocoding API进行地理编码与逆编码

    使用C#调用Geocoding API来将地址转为经纬度,或者将经纬度转变为具体的地址. Geocoding API的详细介绍参见:http://developer.baidu.com/map/web ...