分享
 
 
 

搞定IE的最重要CSS技巧

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

眾所周知道,IE向來是我們在制作網頁時最難搞定的對手。但又迫於其用戶群數量之多,我們不得不想法設法搞定它。下面,將介紹的將是利用其特點而被發現/創造出來的CSS技巧。讓你輕松搞定這個難對付的家夥。

IE註釋:最安全的HACK IE的途徑

<!--[if IE]>

<link rel=」stylesheet」 type=」text/css」 href=」ie.css」 />

<![endif]–>

這應該是我最常用的方法了,一般情況下,我們現在已經不用考慮IE5或者以下的瀏覽器了,這個註釋讓我們可以輕松HACK IE,並且它是最安全的方法,因為別的瀏覽器不會顯示/識別它(這裏應該感謝微軟的細心,即使他精粗心在先)。

至於IE8 beta,以其為主瀏覽器的用戶算起來應該不到K級,也暫時不是我們應該搞定的對象(當然,搞定它是最好不過的事)。或者我們應該把希望放在他正式版對CSS完美的支持,而現在我們把最重要的放在搞定IE6

/IE7,區分它們,我最常用的是下面的代碼:

#forieothers{...} // 用這個搞定IE7

*html #forie6{…} // 當然,這是寫給IE6的

而你需要註意的就是,別把它們的順序寫倒了,因為#forieothers這個是會被IE6看到的,而根據CSS書寫順序的優先性,應該把讓*html #forie6寫在後面,讓瀏覽器最終顯示它,但IE7又看不到。

讓IE6支持PNG透明圖片

#regular_logo

{

background:url(』test.png』); width:150px; height:55px;

}

/* \ */

* html #regular_logo

{

background:none;

float:left;

width:150px;

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=』test.

png』, sizingMethod=』scale』);

}

/* */

這並不是我喜歡的方法,不過,或許你會喜歡。當然,有時候,我們導出GIF圖片的時候,其效果和質量都可能不是很好,搞定PNG或許就是為這個而做的吧。也可能是由於自己並不是畫圖的高手,所以,比較少用。

讓IE6支持min-width/max-width

#container

{

min-width: 600px;

max-width: 1200px;

width:expression(document.body.clientWidth < 600? 「600px」 :

document.body.clientWidth > 1200? 「1200px」 : 「auto」);

}

這應該是非常重要的技巧,也是比較常用的。就像,你以前可能用了太大的圖片,但現在又想用一個欄比較小的主題,這時,這個方法就顯得異常重要。抑或是,如果你想創建一個流體布局,這個代碼對你來說是必不可少的。

當然,這三個並不能讓你搞定所有IE的問題。不過,這應該是最重要的。IE註釋通常被CSS新手忽略,而IE6顯示透明PNG和IE6支持最小/最大寬度是難點。好吧,我想,看到這裏,或許你已經學會了,或者,至少知道這是解決方法。但或許還有一句話你應該記住:少罵IE,完善自己!

 
 
 
免責聲明:本文為網絡用戶發布,其觀點僅代表作者個人觀點,與本站無關,本站僅提供信息存儲服務。文中陳述內容未經本站證實,其真實性、完整性、及時性本站不作任何保證或承諾,請讀者僅作參考,並請自行核實相關內容。
2023年上半年GDP全球前十五強
 百态   2023-10-24
美眾議院議長啟動對拜登的彈劾調查
 百态   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
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有