昆明網站建設教您輕松搞定IE的CSS制作網頁技巧
來源：云南天光浩月
信息類別：昆明網站建設
日期：2017-03-30
瀏覽：2134
次
眾所周知道，IE向來是我們在制作網頁時最難搞定的對手。但又迫于其用戶群數量之多，我們不得不想法設法搞定它。下面，昆明網站建設公司天光浩月將介紹的將是利用其特點而被發現/創造出來的CSS技巧。讓你輕松搞定這個難對付的家伙。
IE注釋：最安全的HACK IE的途徑
這應該是我最常用的方法了，一般情況下，我們現在已經不用考慮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=http://www.chinaz.com/Design/Pages/’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支持最小/最大寬度是難點。
相關新聞 News
- 版權所有 ? 2007 云南天光浩月信息科技有限公司。保留一切權利。滇ICP備16003514號-1 云南做網站首選云南天光浩月
-
公司業務范圍：昆明網站建設 云南網站建設 昆明做網站 云南做網站 昆明網站制作 APP開發 微信開發 微網站 手機網站 網站建設 網站制作 網站設計 軟件開發