IE的CSS制作網頁技巧3則
IE注釋:最安全的HACK IE的途徑!--[if IE]
link rel=stylesheet type=text/css href=https://www.questions.com.cn/dnjc/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=https://www.questions.com.cn/dnjc/test.
png, sizingMethod=scale);
}
/* */
這并不是我喜歡的方法,不過,或許你會喜歡 。當然,有時候,我們導出GIF圖片的時候 , 其效果和質量都可能不是很好,搞定PNG或許就是為這個而做的吧 。也可能是由于自己并不是畫圖的高手,所以,比較少用 。
讓IE6支持min-width/max-width#container
{
min-width: 600px;
max-width: 1200px;
width:expression(document.body.clientWidth600? 600px :
document.body.clientWidth1200? 1200px : auto);
}
這應該是非常重要的技巧 , 也是比較常用的 。就像,你以前可能用了太大的圖片,但現在又想用一個欄比較小的主題 , 這時,這個方法就顯得異常重要 。抑或是,如果你想創建一個流體布局,這個代碼對你來說是必不可少的 。
【IE的CSS制作網頁技巧3則】當然 , 這三個并不能讓你搞定所有IE的問題 。不過,這應該是最重要的 。IE注釋通常被CSS新手忽略,而IE6顯示透明PNG和IE6支持最小/最大寬度是難點 。好吧 , 我想,看到這里,或許你已經學會了 , 或者 , 至少知道這是解決方法 。但或許還有一句話你應該記?。荷俾領E,完善自己!
