分享
 
 
 

css一招解決不同瀏覽器頁面錯位

王朝html/css/js·作者佚名  2008-10-02
窄屏简体版  字體: |||超大  

用CSS+DIV來寫網站代碼的好處顯而易見,這裏不多說了,但由於不同瀏覽器對CSS的解釋不統一,造成不同瀏覽器下頁面錯位的現象十分常見……

頁面亂的原因是因為IE6認為一個DIV超寬了,所以把本應float;right的DIV擠了下去。而如果設置為IE6下顯示正常的寬度,則在IE7和Firefox下看頁面就會少了一塊一樣,也很別扭….

怎麽辦?用CSS HACK 來改寫CSS代碼

改寫前:xxx. yyy:{width:600px;} (當設為IE7和Firefox下顯示正常的600px時,IE6下會錯位,改為590px,則IE6下正常,IE7和Firefox下顯示不完美)

改寫後: xxx. yyy{width:600px;* width:600px;_ width:590px;}

(Firefox不認識*和_,而IE都認識*,IE7不支持_,IE6支持_)

順序千萬不要亂,因為當出現重復定義時,瀏覽器默認按最後一下渲染,所以一定要先正常,再*,最後_。

這樣Firefox讀取時只看到了正常的定義,而IE都能看到第二個*的定義,於是忽略第一個正常的定義,而IE中因為IE7不再支持_,所以按照第一個帶*號的執行,IE6支持_,所以認為帶*後的也是重復定義,予以忽略,執行最後一個定義。

有人喜歡用!important來進行CSS HACK,但我覺得!important寫起來太長了,不如*和_簡單直觀。

只要記住IE7=*,IE6=_,然後按照先Firefox後IE7,最後IE6的順序進行編寫,一般就可以保證大部分用戶瀏覽正常了。

 
 
 
免責聲明:本文為網絡用戶發布,其觀點僅代表作者個人觀點,與本站無關,本站僅提供信息存儲服務。文中陳述內容未經本站證實,其真實性、完整性、及時性本站不作任何保證或承諾,請讀者僅作參考,並請自行核實相關內容。
用CSS+DIV來寫網站代碼的好處顯而易見,這裏不多說了,但由於不同瀏覽器對CSS的解釋不統一,造成不同瀏覽器下頁面錯位的現象十分常見…… 頁面亂的原因是因為IE6認為一個DIV超寬了,所以把本應float;right的DIV擠了下去。而如果設置為IE6下顯示正常的寬度,則在IE7和Firefox下看頁面就會少了一塊一樣,也很別扭…. 怎麽辦?用CSS HACK 來改寫CSS代碼 改寫前:xxx. yyy:{width:600px;} (當設為IE7和Firefox下顯示正常的600px時,IE6下會錯位,改為590px,則IE6下正常,IE7和Firefox下顯示不完美) 改寫後: xxx. yyy{width:600px;* width:600px;_ width:590px;} (Firefox不認識*和_,而IE都認識*,IE7不支持_,IE6支持_) 順序千萬不要亂,因為當出現重復定義時,瀏覽器默認按最後一下渲染,所以一定要先正常,再*,最後_。 這樣Firefox讀取時只看到了正常的定義,而IE都能看到第二個*的定義,於是忽略第一個正常的定義,而IE中因為IE7不再支持_,所以按照第一個帶*號的執行,IE6支持_,所以認為帶*後的也是重復定義,予以忽略,執行最後一個定義。 有人喜歡用!important來進行CSS HACK,但我覺得!important寫起來太長了,不如*和_簡單直觀。 只要記住IE7=*,IE6=_,然後按照先Firefox後IE7,最後IE6的順序進行編寫,一般就可以保證大部分用戶瀏覽正常了。
美眾議院議長啟動對拜登的彈劾調查
 百态   2023-09-13
上海、濟南、武漢等多地出現不明墜落物
 探索   2023-09-06
印度或要將國名改為「巴拉特」
 百态   2023-09-06
男子為女友送行,買票不登機被捕
 百态   2023-08-20
手機地震預警功能怎麽開?
 干货   2023-08-06
女子4年賣2套房花700多萬做美容:不但沒變美臉,面部還出現變形
 百态   2023-08-04
住戶一樓被水淹 還衝來8頭豬
 百态   2023-07-31
女子體內爬出大量瓜子狀活蟲
 百态   2023-07-25
地球連續35年收到神秘規律性信號,網友:不要回答!
 探索   2023-07-21
全球鎵價格本周大漲27%
 探索   2023-07-09
錢都流向了那些不缺錢的人,苦都留給了能吃苦的人
 探索   2023-07-02
倩女手遊刀客魅者強控制(強混亂強眩暈強睡眠)和對應控制抗性的關系
 百态   2020-08-20
美國5月9日最新疫情:美國確診人數突破131萬
 百态   2020-05-09
荷蘭政府宣布將集體辭職
 干货   2020-04-30
倩女幽魂手遊師徒任務情義春秋猜成語答案逍遙觀:鵬程萬裏
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案神機營:射石飲羽
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案昆侖山:拔刀相助
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案天工閣:鬼斧神工
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案絲路古道:單槍匹馬
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案鎮郊荒野:與虎謀皮
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案鎮郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案鎮郊荒野:指鹿為馬
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案金陵:小鳥依人
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案金陵:千金買鄰
 干货   2019-11-12
倩女幽魂手遊師徒任務情義春秋猜成語答案金陵:倒履相迎
 干货   2019-11-12
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有