成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

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

開發 前端
本文向大家介紹一下單獨對IE6兼容進行處理的方法,IE6兼容的第一步就是單獨對IE進行兼容,你針對IE6所寫的代碼只影響IE6;有幾種方法可以區分開IE6,這里向你一一介紹。

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

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

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

使用IE特有條件注釋

微軟給IE添加了條件注釋以區分不同版本,任何東西都可以塞進條件注釋里:標簽、JavaScript、js文件、css、內聯樣式。可以使用條件注釋來針對某一個IE瀏覽器版本來編寫代碼。

規則如下:(譯注:可參考IE特有注釋(hack))

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

  1. <!--[iflteIE6]> 

這段文字僅顯示在IE6及IE6以下版本。 

  1. ThismessagewillonlyappearinversionsofInternetExplorerlessthanorequaltoversion6.  
  2. <![endif]--> 
  3. <!--[ifgteIE6]> 

這段文字僅顯示在IE6及IE6以上版本。 

  1. ThismessagewillonlyappearinversionsofInternetExplorergreaterthanorequaltoversion6.  
  2. <![endif]--> 
  3. <!--[ifgtIE6]> 

這段文字僅顯示在IE6以上版本(不包含IE6)。 

  1. ThismessagewillonlyappearinversionsofInternetExplorergreaterthanversion6.  
  2. <![endif]--> 
  3. <!--[ifIE5.5]> 

這段文字僅顯示在IE5.5。 

  1. ThismessagewillonlyappearinInternetExplorer5.5.  
  2. <![endif]--> 
  3. <!--在IE6及IE6以下版本中加載css--> 
  4. <!--[iflteIE6]> 
  5. [*]  
  6. <![endif]--> 

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

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

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

使用CSS選擇器區分開IE6

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

示例:

  1. <styletypestyletype="text/css"> 
  2. /*IE6專用*/  
  3. .content{color:red;}  
  4. /*其他瀏覽器*/  
  5. div>p.content{color:blue;}  
  6. </style> 
  7. <div> 
  8. <pclasspclass="header">SomeHeaderTextHere  
  9. </div> 

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

使用JavaScript區分開IE6

如果你想要使用JavaScript區分開IE6,請看示例:

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

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

【編輯推薦】

  1. 解決IE6兼容性問題常見方法
  2. 解決IE6兼容性問題的十大技巧
  3. IE6 IE7 IE8 FF瀏覽器的CSS兼容問題探究
  4. 微軟發布升級版IE8Beta2瀏覽器 新特性敬請關注
  5. 技術前沿 DIV+CSS布局網頁對網站SEO的影響
責任編輯:佚名 來源: zmool.com
相關推薦

2010-08-17 16:18:23

IE6IE7FF

2010-08-18 13:54:35

IE6IE7Firefox兼容

2010-08-20 12:45:41

IE6IE7Firefox

2010-08-27 15:38:21

兼容IE6IE7

2010-09-06 15:06:29

IE6IE7Firefox

2010-08-18 15:22:28

IE6IE7Firefox

2010-08-18 15:57:14

IE6IE7IE8

2010-08-18 09:24:09

IE6兼容性

2010-08-18 16:18:59

IE6CSS

2010-08-18 13:45:07

IE6IE7FF

2010-08-18 10:24:51

IE6IE7IE8

2010-09-15 10:57:25

IE6IE7FF

2010-08-20 13:15:54

IE6IE7IE8

2010-09-16 13:17:31

IE6IE7IE8

2010-08-20 09:33:22

IE6IE7IE8

2010-08-20 09:39:43

IE6IE7Firefox

2010-08-27 15:08:10

FirefoxIE6IE7

2010-08-24 09:46:57

IE6IE7FF火狐

2010-08-18 09:01:47

IE5IE5.5IE6

2010-08-18 10:37:16

IE6IE7IE8
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 狠狠操狠狠 | 成人不卡视频 | 福利片一区二区 | 国产精品免费av | 可以免费观看的av | 一级欧美| 精品欧美乱码久久久久久1区2区 | 国产成人久久久 | 亚洲欧美中文日韩在线v日本 | 一二三在线视频 | 国产精品成人一区二区三区 | 91福利在线观看 | 日本a∨精品中文字幕在线 亚洲91视频 | 波多野结衣精品在线 | 2022精品国偷自产免费观看 | 国产一区二区三区久久久久久久久 | 国精产品一区二区三区 | 久久伦理中文字幕 | 男女黄网站 | 免费美女网站 | 国产精品毛片一区二区在线看 | 亚洲国产成人久久综合一区,久久久国产99 | 91精产国品一二三区 | 天堂成人av| 国产色 | 伊人伊人网 | 精品成人 | 国产99久久精品一区二区永久免费 | 涩涩操| 久久久91精品国产一区二区三区 | www.成人久久 | 欧美黄色一级毛片 | 日本黄色大片免费看 | 亚洲福利视频网 | 国产丝袜一区二区三区免费视频 | 亚洲手机在线 | 99久久精品免费看国产四区 | 美国一级黄色片 | 在线观看av不卡 | 天天躁日日躁狠狠的躁天龙影院 | 久久人人网 |