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

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

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
單獨對IE6兼容進行處理的方法揭秘

你對單獨對IE6兼容進行處理的方法是否了解，這里和大家分享一下，IE6兼容的***步就是單獨對IE進行兼容，你針對IE6所寫的代碼只影響IE6。

成都一家集口碑和實力的網(wǎng)站建設服務商，擁有專業(yè)的企業(yè)建站團隊和靠譜的建站技術，10多年企業(yè)及個人網(wǎng)站建設經(jīng)驗 ,為成都上1000+客戶提供網(wǎng)頁設計制作,網(wǎng)站開發(fā),企業(yè)網(wǎng)站制作建設等服務,包括成都營銷型網(wǎng)站建設，品牌網(wǎng)站設計，同時也為不同行業(yè)的客戶提供做網(wǎng)站、成都網(wǎng)站制作的服務,包括成都電商型網(wǎng)站制作建設,裝修行業(yè)網(wǎng)站制作建設，傳統(tǒng)機械行業(yè)網(wǎng)站建設,傳統(tǒng)農(nóng)業(yè)行業(yè)網(wǎng)站制作建設。在成都做網(wǎng)站,選網(wǎng)站制作建設服務商就選創(chuàng)新互聯(lián)公司。

單獨對IE6兼容進行處理的方法

IE6兼容的***步就是單獨對IE進行兼容，你針對IE6所寫的代碼只影響IE6；有幾種方法可以區(qū)分開IE6：IE特有條件注釋、CSS選擇器、JavaScript，我們將逐一討論。

使用IE特有條件注釋

微軟給IE添加了條件注釋以區(qū)分不同版本，任何東西都可以塞進條件注釋里：標簽、JavaScript、js文件、css、內(nèi)聯(lián)樣式?？梢允褂脳l件注釋來針對某一個IE瀏覽器版本來編寫代碼。

規(guī)則如下：（譯注：可參考IE特有注釋(hack)）

這段文字會在所有瀏覽器顯示
 

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7.

這段文字會在所有瀏覽器顯示

使用條件注釋加載css的好處是這些樣式是獨立于其他css文件的，因此不會在編寫兼容代碼時弄得一團糟；而且當IE6的市場份額降低到不需要兼容時，可以快速的清理掉。

使用條件注釋的***缺點是在IE瀏覽器下會增加額外的HTTP請求數(shù)，所以需要權衡是否這樣做。但我不建議使用條件注釋加載外部js文件，因為js文件會造成阻滯，在js未加載完之前其余文件都不會被加載；對于js請使用JavaScript程序來區(qū)分瀏覽器而非條件注釋。

使用CSS選擇器區(qū)分開IE6

如果你不打算使用條件注釋，CSS選擇器是另外一個區(qū)分開IE6的辦法，IE6兼容不支持子選擇器；先針對IE6使用常規(guī)申明CSS選擇器，然后再用子選擇器針對IE7+及其他瀏覽器。

示例：

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2. /*IE6專用*/  
    3. 
  
  
  
  3. .content{color:red;}  
    4. 
  
  
  
  4. /*其他瀏覽器*/  
    5. 
  
  
  
  5. div>p.content{color:blue;}  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8. SomeHeaderTextHere  
    9.
 

這個方法的缺點是容易把樣式表弄得一團糟，所以一定要寫好注釋說明。
在示例中，針對IE6寫的樣式在其他瀏覽器中也會執(zhí)行，但(標準瀏覽器中)之后的子選擇器覆蓋了之前的申明，而IE6兼容不支持子選擇器所以忽略了它。

使用JavaScript區(qū)分開IE6

如果你想要使用JavaScript區(qū)分開IE6，請看示例：

 
 
 
    
  
  
  
  1. //原生JavaScript  
    2. 
  
  
  
  2. if(typeofdocument.body.style.maxHeight==="undefined"){  
    3. 
  
  
  
  3. alert('IE6Detected');  
    4. 
  
  
  
  4. }  
    5. 
  
  
  
  5. //MooTools（框架）  
    6. 
  
  
  
  6. if(Browser.Engine.trident4){  
    7. 
  
  
  
  7. alert('IE6Detected');  
    8. 
  
  
  
  8. }  
    9. 
  
  
  
  9. //jQuery（框架）  
    10. 
  
  
  
  10. if(($.browser.msie)&&($.browser.version=="6.0")){  
    11. 
  
  
  
  11. alert('IE6Detected');  
    12. 
  
  
  
  12. } 
    13.

譯者來源：http://www.vfresh.org/w3c/727


名稱欄目：單獨對IE6兼容進行處理的方法揭秘
分享地址：http://www.5511xx.com/article/cdjosis.html