国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

輕松搞定IE的CSS制作網頁技巧3則

2024-07-11 08:22:23
字體:
來源:轉載
供稿:網友

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

ie注釋:最安全的hack ie的途徑

<!--[if ie]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

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

至于ie8 beta,以其為主瀏覽器的用戶算起來應該不到k級,也暫時不是我們應該搞定的對象(當然,搞定它是最好不過的事)?;蛘呶覀儜摪严M旁谒桨鎸ss完美的支持,而現在我們把最重要的放在搞定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支持最小/最大寬度是難點。好吧,我想,看到這里,或許你已經學會了,或者,至少知道這是解決方法。但或許還有一句話你應該記?。?strong>少罵ie,完善自己!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 龙南县| 福清市| 水富县| 澄迈县| 临安市| 舟曲县| 卢氏县| 中卫市| 延寿县| 和平县| 吉隆县| 浪卡子县| 根河市| 漠河县| 济宁市| 札达县| 龙里县| 法库县| 库伦旗| 会宁县| 咸阳市| 闽侯县| 朝阳区| 灌阳县| 石景山区| 仙桃市| 小金县| 鄂托克前旗| 通榆县| 且末县| 明光市| 嫩江县| 紫云| 府谷县| 马公市| 宜宾县| 图片| 阳春市| 确山县| 万州区| 南漳县|