日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
實(shí)現(xiàn)IE6、IE7、Firefox兼容的兩種方案

IE6、IE7、Firefox兼容性問題一直是大家比較關(guān)注的話題，這里向大家介紹一下解決IE6、IE7、Firefox兼容的兩種方案，相信本文介紹一定會(huì)讓你有所收獲。

成都創(chuàng)新互聯(lián)技術(shù)團(tuán)隊(duì)十年來致力于為客戶提供成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、成都品牌網(wǎng)站建設(shè)、營銷型網(wǎng)站、搜索引擎SEO優(yōu)化等服務(wù)。經(jīng)過多年發(fā)展，公司擁有經(jīng)驗(yàn)豐富的技術(shù)團(tuán)隊(duì)，先后服務(wù)、推廣了上1000+網(wǎng)站，包括各類中小企業(yè)、企事單位、高校等機(jī)構(gòu)單位。

解決IE6、IE7、Firefox兼容的兩種方案

◆***種方案：CSSHack

具體寫法很容易：

 
 
 
    
  
  
  
  1. #someNode  
    2. 
  
  
  
  2. {  
    3. 
  
  
  
  3. position:fixed;  
    4. 
  
  
  
  4. #position:fixed;  
    5. 
  
  
  
  5. _position:fixed;  
    6. 
  
  
  
  6. }  
    7. 
  
  
  
  7.  
    8.

***排給Firefox以及其他瀏覽器看
第二排給IE7（可能以后的IE8、IE9也是如此，誰知道呢）看
第三排給IE6以及更老的版本看

***的應(yīng)用就是可以讓IE6也“支持”position:fixed，而且，配合這個(gè)原理，可以做到不引入JavaScript代碼（僅用IE6的expression），我這里有一個(gè)現(xiàn)成的頁面，CSS如下寫：

 
 
 
    
  
  
  
  1. #ff-r  
    2. 
  
  
  
  2. {  
    3. 
  
  
  
  3. position:fixed;  
    4. 
  
  
  
  4. _position:absolute;  
    5. 
  
  
  
  5. right:15px;  
    6. 
  
  
  
  6. top:15px;  
    7. 
  
  
  
  7. _top:expression(eval(document.compatMode&&  
    8. 
  
  
  
  8. document.compatMode=='CSS1Compat')?  
    9. 
  
  
  
  9. documentElement.scrollTop+15:  
    10. 
  
  
  
  10. document.body.scrollTop+  
    11. 
  
  
  
  11. (document.body.clientHeight  
    12. 
  
  
  
  12. -this.clientHeight));  
    13. 
  
  
  
  13. }  
    14. 
  
  
  
  14.  
    15.

 ◆第二種方案：

為不同的瀏覽器建立不同的.css方案，在用戶瀏覽時(shí)，根據(jù)瀏覽器類型及版本號不同，分別加載不同的css文件。

當(dāng)然，這里又產(chǎn)生兩種方案，用JS判斷或服務(wù)器端方法。

附：各款瀏覽器對選擇器的支持情況

在正常的selector{property:value;}的基礎(chǔ)上常會(huì)根據(jù)具體情況為相同元素使用Hack以達(dá)到瀏覽器間統(tǒng)一。

◆IE系列:

selector{+property:value;}在屬性名前加上加號"+",這個(gè)Hack只有IE系列可以識別.
selector{*property:value;}在屬性名前加上星號"*",這個(gè)Hack只有IE系列可以識別.
selector{_property:value;}在屬性名前加上下劃線"_",這個(gè)Hack只有IE系列(除IE7外)識別.
*htmlselector{property:value;}在選擇器上運(yùn)用繼承法*htmlselector,這個(gè)Hack只有IE系列(除IE7外)可以識別.
html/**/>bodyselector{property:value;}在選擇器上運(yùn)用繼承法html/**/>bodyselector,這個(gè)Hack只有IE系列(除IE7外)可以識別.
selector{property/**/:value;}在屬性名和冒號":"之間加入注釋,屏蔽IE6用.
selector/**/{property/**/:value;}在選擇器和花括號"{"之間以及在屬性名和冒號":"之間加入注釋,屏蔽IE5和IE6用(不屏蔽IE5.5).
select/**/{property:value;}在選擇器和花括號"{"之間加入注釋,屏蔽IE5用.
*+htmlselector{property:value!important;}在選擇器上運(yùn)用繼承法*+htmlselector再加上!important,這個(gè)Hack只有IE7可以識別.
Firefox:

*:lang(lang)selector{property:value!important;}用偽類lang(語言)再加上!important進(jìn)行定義的話,目前只有Firefox可以識別.
Safari:

selector:empty{property:value!important;}用偽類empty再加上!important進(jìn)行定義的話,目前只有Safari可以識別.
Opera:

@mediaalland(min-width:0px){selector{property:value;}}利用特殊繼承法進(jìn)行定義的話,目前只有Opera可以識別.

◆對Hack的運(yùn)用,最普遍的是CSS盒模型Hack,清除浮動(dòng)Hack.

CSS盒模型在IE5.X上是有嚴(yán)重解析錯(cuò)誤的.這個(gè)Hack針對IE5.X：

 
 
 
    
  
  
  
  1. selctor{width:IE5.X寬度;voice-family:"\"}\"";  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3. voice-family:inherit;width:正確寬度;}  
    4.

清除浮動(dòng)Hack 

 
 
 
    
  
  
  
  1. selector:after{content:".";display:block;height:0;clear:both;  
    2. 
  
  
  
  2. visibility:hidden;}  
    3.

文章標(biāo)題：實(shí)現(xiàn)IE6、IE7、Firefox兼容的兩種方案
文章出自：http://m.5511xx.com/article/dhjodic.html