IE浏览器CSS、JS专有的一些奇葩属性、特性

 1. CSS中 zoom:1 的作用

参考:

http://www.cnblogs.com/top5/archive/2011/07/11/2103343.html

整理中………………

2.根据不同IE浏览器版本引入不同Jquery插件:

<!--[if lt IE 9]
<script src='jquery-1.9.0.js'</script
<![endif]--
<!--[if gte IE 9]
<script src='jquery-2.0.0.js'</script
<![endif]--

3.JS原始选择器

document.querySelector(selector)

document.querySelectorAll(selector)

4.Jquery判断IE浏览器版本问题

1.9之前的版本可以使用$.browser方法$.browser.msie

1.9使用$.support替代$.browser方法

1. mozilla
if(/firefox/.test(navigator.userAgent.toLowerCase())){}

2. webkit
if(/webkit/.test(navigator.userAgent.toLowerCase())){}

3. opera
if(/opera/.test(navigator.userAgent.toLowerCase())){}

4. ie
if(/msie/.test(navigator.userAgent.toLowerCase())){}

5. ie6
if ('undefined' == typeof(document.body.style.maxHeight)) {}

6. ie6-8
if (!$.support.leadingWhitespace) {}

7. IE11的检测方法
var browserType, browserVersion, ua = navigator.userAgent.toLowerCase();  

if (ua.match(/msie/) != null || ua.match(/trident/) != null) {  
    //浏览器类型  
    browserType = "IE";  
    //浏览器版本  
    browserVersion = ua.match(/msie ([\d.]+)/) != null ? ua.match(/msie ([\d.]+)/)[1] : ua.match(/rv:([\d.]+)/)[1];   
}

5.【 !important 】CSS布局的利器

CSS中的!important一般都是用于对低版本的除了iE 6 ,用来做hack的,后面缀上了!important的css语句,让浏览器首选执行这个语句,因为css有继承的样式,加上!importanrt可以覆盖父级的样式。 IE6不认识它的,IE7和别的浏览器中可以用,用来处理浏览器的兼容性:

body
{
  background-color:yellow!important;
  background:red;
}

实例参考:http://www.w3cn.org/article/tips/2004/91.html

6.display:inline-block的元素间存在空格,去除空格方法:

多个标签放在同一行 或者 用注释 或者 用float
参考:
7. IE6,7,8 hack 的写法

CSS hack写法

书写顺序为FireFox在最前,其次是IE8、IE7,最后是IE6。

color:red;//所有浏览器

color:blue\9;//所有IE

+color:orange;//IE7

_color:green;//IE6

若浏览器为FireFox,
那么color:red;若浏览器为IE8,根据CSS优先性原则,color:blue;若为IE7,color:orange;若为IE6,则color:green。

IE6识别 * 、_

IE7识别 * 、+

IE8识别 * 、\9,\0

只有IE8识别  \0/

ie9只识别:\9

FF什么都不识别

 

Leave a comment