校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > 網頁排版應該考慮IE6的兼容性問題

網頁排版應該考慮IE6的兼容性問題

熱門標簽:電話外呼系統怎么找準客戶 中國世界文化遺產地圖標注 揚州市地圖標注 荊州銷售電銷機器人 可以集成到系統的外呼 電腦外呼系統安裝 400開頭電話在哪辦理 西安公司外呼系統價格 外呼系統隱私

下圖是本站統計系統中訪客詳情中瀏覽器查看率,IE6占據百分之40多。雖然瀏覽器的種類很多,光一個IE就有IE5.5,IE6,IE7,IE8等多版本,在這眾多的高版本中,IE6依然受大多數用戶所喜歡,所以排版時候就不的不去考慮IE6的兼容問題,要不然會損失很多訪問者。

下面列舉IE6中10個不得不注意的問題:

1. 使用 DOCTYPE
你需要在HTML頁面的最頂部加上DOCTYPE類型,當然, strict版是值得推薦的,例如:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


或者, XHTML頁面的!DOCTYPE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

你最不想看到的是,IE6進入怪癖模式 – 其實已經夠多怪癖了。

2. 設置position: relative
設置position:relative解決了不止一個問題,特別當需要設置對齊的時候。很明顯,你需要明白的一點是,絕對定位是相對來說的。說不定,因為你沒有設置,而不知道東西都飛到那去了。比如,你設計了每篇文章前都有一張圖片,最后,你發現,只有一張圖片在頁面上,或許,是他們重疊了。

3. 給浮動元素設置 display:inline 值
這源于著名的IE6雙倍外邊距BUG,例如,你給一個DIV設計了浮動,并且,設置了margin-left:5px;,在IE6中很可能就是margin-left:10px了,這里,給浮動元素設置 display:inline;,即可解決問題。

4. 為元素設置 hasLayout
很多IE6(或IE7)的問題可以用設置hasLayout值的方法來解決。(如果你不知道hasLayout是什么,請看這里)

最簡單的給元素設置hasLayout值的方法是給加上CSS 的height或width(當然,zoom也可以用,但這不是CSS的一部分)。設置一個具體的值是推薦的,但有時候并不一定知道高度多少,這里,你可能會用到height:1%。如果父元素沒有設置高度,那么元素的物理高度并不會改變,但是,已經具備hasLayout屬性。

5. 解決字符重復出現的問題
復雜的布局可能導致一些浮動元素里面的文字,出現在清理浮動位置的下面。這是一個奇怪的問題,下面這此可以幫你解決:

•確保浮動元素設置了 display:inline;
•在浮動元素中使用 margin-right:-3px;
•在浮動元素的最后一個元素后加上一個IE注釋,例如: <!--[if !IE]>把你的注釋放這里… <![endif]-->
•在最后的元素中加上一個DIV(這以設置width 為90% 或者其他相似的高度)
UPDATE: 最簡單的方法是刪除掉所有注釋。(感謝恬瑋兒的提示,我自己并沒有遇到過,不過,google了一下,發現這個方法也可以解決,并且,這是值得推薦的一個方法。)

你可以到positioniseverything.net中查看更多關于這個的解釋。

6.只在<a>標簽中使用hover,IE6只支持<a>標簽顯示hover樣式
當然,你還是可以通過JS來解決這個方法。但是, 這關于到可訪問性的問題。建議不要把重要的內容設置在利用JS來實現的hover中。

7. 使用!important 或高級選擇器來區分IE瀏覽器
比如min-height可以避免使用CSS來實現對IE的兼容。

#element {
min-height: 20em;
height: auto !important;
height: 20em; /* 讓IE6顯示這個高度 */
}

IE6 并不能正確地識別min-height,可以設置固定的高度,讓IE6解析為20em。即使如此,它還是會因為內容的尺寸擴大而改變高度。而另一個方法是使用高級選擇器:

#element {
min-height: 20em;
height: 20em;
}
/* 忽略 IE6 */
#element[id] {
height: auto;
}

8. 避免按比例確定的尺寸
比例會讓IE6變得錯亂,除非你給父元素添加一個確切的高度。不然,給其他的加上!important,例如:

body{
margin: 2% 0 !important;
margin: 20px 0; /* IE6 可讀 */
}

9. 盡早測試,經常測試
別忘記盡早測試,經常測試, 除非你的程度已經完成。不然,你可能花更多的時間來解決IE6的問題。一般情況下,如果你的網站能在IE6和firefox下良好表現,估計其他瀏覽器就不會有什么大問題了。

10. 重構你的代碼
很多情況下,解決一個問題,可能比重構你的代碼要花更多的時間。

標簽:延安 白銀 貴陽 四川 錫林郭勒盟 樂山 濟南 阿拉善盟

巨人網絡通訊聲明:本文標題《網頁排版應該考慮IE6的兼容性問題》,本文關鍵詞  網頁,排版,應該,考慮,IE6,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《網頁排版應該考慮IE6的兼容性問題》相關的同類信息!
  • 本頁收集關于網頁排版應該考慮IE6的兼容性問題的相關信息資訊供網民參考!
  • 推薦文章
    校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃
    欧美日韩日日摸| 亚洲欧美日韩久久| 亚洲欧美自拍偷拍色图| 青青草伊人久久| 成人av先锋影音| 日韩欧美国产一区二区三区| 亚洲老妇xxxxxx| 国产成人在线视频网址| 欧美一区二区在线播放| 一区二区三区日韩精品视频| 成人一区二区视频| 欧美一级二级在线观看| 亚洲影视在线播放| 97国产一区二区| 中日韩av电影| 国产成人综合在线观看| 26uuu久久综合| 久久国产视频网| 欧美精品乱码久久久久久按摩| 亚洲美女精品一区| 成人va在线观看| 国产亚洲精品久| 极品少妇xxxx偷拍精品少妇| 91精品国产综合久久精品图片| 一区二区三区欧美| 色呦呦国产精品| 亚洲综合激情另类小说区| 一本高清dvd不卡在线观看| 国产精品久久久久久久久免费桃花 | 欧美丝袜丝nylons| 国产精品久久午夜夜伦鲁鲁| 国产精品456露脸| 精品国产百合女同互慰| 麻豆精品一区二区三区| 欧美一区二区三区免费视频| 日韩在线观看一区二区| 在线电影院国产精品| 日韩va欧美va亚洲va久久| 4hu四虎永久在线影院成人| 天天av天天翘天天综合网色鬼国产| 欧美偷拍一区二区| 午夜精品一区二区三区免费视频 | 精品久久久久久久久久久久久久久 | fc2成人免费人成在线观看播放| 国产欧美日韩三级| 成人v精品蜜桃久久一区| 亚洲人成网站影音先锋播放| 在线观看国产91| 日本伊人精品一区二区三区观看方式| 欧美一区二区性放荡片| 国产露脸91国语对白| 国产精品乱人伦中文| 欧美影院一区二区| 免费人成精品欧美精品| 欧美国产日韩亚洲一区| 色噜噜夜夜夜综合网| 麻豆精品国产传媒mv男同| 久久久久久久久99精品| 97精品电影院| 久久精品久久综合| 中文字幕在线不卡视频| 欧美日韩精品系列| 国产一区二区伦理| 亚洲夂夂婷婷色拍ww47| 亚洲精品一区在线观看| www.欧美色图| 美女诱惑一区二区| 国产精品久久网站| 911精品产国品一二三产区| 国产一区二区视频在线播放| 亚洲麻豆国产自偷在线| 日韩欧美区一区二| 91丝袜美女网| 久久99精品久久久久久| 亚洲日本免费电影| 精品欧美一区二区久久| 在线国产电影不卡| 国产ts人妖一区二区| 日韩在线一区二区| 中文字幕一区二区三区在线播放| 91精品欧美综合在线观看最新 | 热久久一区二区| 中文字幕制服丝袜成人av| 91精品国产综合久久香蕉麻豆 | 99在线热播精品免费| 另类的小说在线视频另类成人小视频在线 | 成人国产精品免费| 久久国产三级精品| 亚洲1区2区3区视频| 国产精品美女久久久久久久久| 欧美一区欧美二区| 欧美日韩精品欧美日韩精品| 成人免费av网站| 国产麻豆一精品一av一免费 | 日韩精品每日更新| 亚洲欧美一区二区三区久本道91| 精品三级av在线| 777久久久精品| 欧美色国产精品| 色综合久久99| 99re亚洲国产精品| 成人美女视频在线观看| 国产剧情在线观看一区二区| 激情综合一区二区三区| 日韩成人精品在线| 日本在线不卡视频一二三区| 亚洲综合精品久久| 亚洲制服丝袜在线| 亚洲 欧美综合在线网络| 亚洲激情在线激情| 亚洲精品福利视频网站| 日韩一区日韩二区| 亚洲人成在线播放网站岛国| 国产精品美女www爽爽爽| 国产精品久久看| 中文字幕一区二区三区在线观看| 国产精品久久久久天堂| 亚洲色图在线看| 一级做a爱片久久| 亚洲国产精品欧美一二99| 亚洲成av人影院在线观看网| 午夜精品久久一牛影视| 男女男精品网站| 久国产精品韩国三级视频| 国产精品一区免费视频| 国产99精品视频| 91丝袜呻吟高潮美腿白嫩在线观看| 97久久久精品综合88久久| 欧美在线啊v一区| 91精品在线观看入口| 精品久久久久久亚洲综合网| 国产偷国产偷亚洲高清人白洁| 国产喷白浆一区二区三区| 中文字幕制服丝袜成人av| 亚洲精品国产精品乱码不99| 午夜精品久久久久久久久久| 全国精品久久少妇| 国产 欧美在线| 色噜噜夜夜夜综合网| 正在播放亚洲一区| 国产欧美精品在线观看| 亚洲欧美日韩一区二区三区在线观看| 亚洲精品免费播放| 日韩成人午夜精品| 成人高清伦理免费影院在线观看| 91在线国内视频| 欧美一区二区视频免费观看| 国产亚洲1区2区3区| 亚洲国产综合91精品麻豆| 精品在线播放免费| 一本到高清视频免费精品| 日韩欧美成人午夜| 中文字幕色av一区二区三区| 日韩av电影免费观看高清完整版 | 亚洲韩国精品一区| 国产精品综合在线视频| 在线观看视频一区二区| 日韩精品一区国产麻豆| 亚洲人成7777| 国产精品资源网站| 欧美日韩视频在线一区二区| 久久精品一级爱片| 天天操天天干天天综合网| 99久久国产综合精品麻豆| 日韩欧美一级精品久久| 一区二区在线观看视频| 国产精品538一区二区在线| 777欧美精品| 亚洲乱码国产乱码精品精小说| 蜜桃视频在线一区| 色网综合在线观看| 中文字幕乱码日本亚洲一区二区| 日韩国产精品久久| 欧洲在线/亚洲| 久久精品亚洲国产奇米99| 日韩电影一区二区三区| 欧美专区日韩专区| 亚洲视频你懂的| 国产成人aaa| 久久久国产精品麻豆| 免费美女久久99| 欧美日本在线看| 亚洲电影在线免费观看| 91在线观看一区二区| 国产欧美一区视频| 国产精品一线二线三线精华| 日韩欧美成人午夜| 美女www一区二区| 制服丝袜一区二区三区| 水蜜桃久久夜色精品一区的特点| 91色porny| 综合在线观看色| 成人性视频网站| 欧美精彩视频一区二区三区| 激情av综合网| 久久久午夜电影| 国产大陆a不卡| 国产精品短视频| 99久久精品国产网站| 亚洲靠逼com|