眾所周知道，IE向來(lái)是我們?cè)谥谱骶W(wǎng)頁(yè)時(shí)最難搞定的對(duì)手。但又迫于其用戶(hù)群數(shù)量之多，我們不得不想法設(shè)法搞定它。下面，將介紹的將是利用其特點(diǎn)而被發(fā)現(xiàn)/創(chuàng)造出來(lái)的CSS技巧。讓你輕松搞定這個(gè)難對(duì)付的家伙。
IE注釋?zhuān)鹤畎踩腍ACK IE的途徑
這應(yīng)該是我最常用的方法了，一般情況下，我們現(xiàn)在已經(jīng)不用考慮IE5或者以下的瀏覽器了，這個(gè)注釋讓我們可以輕松HACK IE，并且它是最安全的方法，因?yàn)閯e的瀏覽器不會(huì)顯示/識(shí)別它（這里應(yīng)該感謝微軟的細(xì)心，即使他精粗心在先）。
至于IE8 beta，以其為主瀏覽器的用戶(hù)算起來(lái)應(yīng)該不到K級(jí)，也暫時(shí)不是我們應(yīng)該搞定的對(duì)象（當(dāng)然，搞定它是最好不過(guò)的事）�；蛘呶覀儜�(yīng)該把希望放在他正式版對(duì)CSS完美的支持，而現(xiàn)在我們把最重要的放在搞定IE6
/IE7，區(qū)分它們，我最常用的是下面的代碼：
#forieothers{...} // 用這個(gè)搞定IE7
*html #forie6{…} // 當(dāng)然，這是寫(xiě)給IE6的
而你需要注意的就是，別把它們的順序?qū)懙沽�，因�(yàn)?forieothers這個(gè)是會(huì)被IE6看到的，而根據(jù)CSS書(shū)寫(xiě)順序的優(yōu)先性，應(yīng)該把讓*html #forie6寫(xiě)在后面，讓瀏覽器最終顯示它，但I(xiàn)E7又看不到。
讓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’);
}
/* */
這并不是我喜歡的方法，不過(guò)，或許你會(huì)喜歡。當(dāng)然，有時(shí)候，我們導(dǎo)出GIF圖片的時(shí)候，其效果和質(zhì)量都可能不是很好，搞定PNG或許就是為這個(gè)而做的吧。也可能是由于自己并不是畫(huà)圖的高手，所以，比較少用。
讓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");
}
這應(yīng)該是非常重要的技巧，也是比較常用的。就像，你以前可能用了太大的圖片，但現(xiàn)在又想用一個(gè)欄比較小的主題，這時(shí)，這個(gè)方法就顯得異常重要。抑或是，如果你想創(chuàng)建一個(gè)流體布局，這個(gè)代碼對(duì)你來(lái)說(shuō)是必不可少的。
當(dāng)然，這三個(gè)并不能讓你搞定所有IE的問(wèn)題。不過(guò)，這應(yīng)該是最重要的。IE注釋通常被CSS新手忽略，而IE6顯示透明PNG和IE6支持最小/最大寬度是難點(diǎn)。好吧，我想，看到這里，或許你已經(jīng)學(xué)會(huì)了，或者，至少知道這是解決方法。但或許還有一句話(huà)你應(yīng)該記�。荷倭RIE，完善自己！
