DIV+CSS相对IE6 IE7和IE8浏览器行为区别及兼容性问题整理

2020-05-11 09:14:26易采站长站整理

7.区别IE6、IE7(方法2)
【区别符号】:「!important」
【示例】:


#tip{ background:black!important;/*IE7背景变黑色*/
background:orange;/*IE6背景变橘色*/ }

【说明】:因为IE7可读取「!important;」但IE6却不行,而CSS的读取步骤是从上到下,因此IE6读取时因无法辨识「!important」而直接跳到下一行读取CSS,所以背景色会呈现橘色。
8.区别IE6、Firefox
【区别符号】:「_」
【示例】:


#tip{ background:black;/*Firefox背景变黑色*/
_background:orange;/*IE6背景变橘色*/ }

【说明】:因为IE6可以辨识「_」(底线),但是Firefox却不行,因此可以透过这样的差异来区隔Firefox和IE6,有效达成CSShack。

另附js方法
1.


var isIE6 = (/msie/.test(userAgent) && !/opera/.test(userAgent) && parseInt(browserVersion) < 7 && (!window.XMLHttpRequest || typeof(XMLHttpRequest) === ‘function’));

2.


var browser=navigator.appName
var b_version=navigator.appVersion
var version=b_version.split(“;”);
var trim_Version=version[1].replace(/[ ]/g,””);
if(browser==”Microsoft Internet Explorer” && trim_Version==”MSIE6.0″) {return true;}else{return false;}