關(guān)于CSS對(duì)各個(gè)瀏覽器兼容已經(jīng)是老生常談的問(wèn)題了, 網(wǎng)絡(luò)上的教程遍地都是.以下內(nèi)容沒(méi)有太多新穎, 純屬個(gè)人總結(jié), 希望能對(duì)初學(xué)者有一定的幫助.
一、CSS HACK
以下兩種方法幾乎能解決現(xiàn)今所有HACK.
1, !important
隨著IE7對(duì)!important的支持, !important 方法現(xiàn)在只針對(duì)IE6的HACK.(注意寫法.記得該聲明位置需要提前.)
<style>
#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}
</style>
2, IE6/IE77對(duì)FireFox
*+html 與 *html 是IE特有的標(biāo)簽, firefox 暫不支持.而*+html 又為 IE7特有標(biāo)簽.
<style>
#wrapper
{
#wrapper { width: 120px; } /* FireFox */
*html #wrapper { width: 80px;} /* ie6 fixed */
*+html #wrapper { width: 60px;} /* ie7 fixed, 注意順序 */
}
</style>
注意:
*+html 對(duì)IE7的HACK 必須保證HTML頂部有如下聲明:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
二、萬(wàn)能 float 閉合(非常重要!)
關(guān)于 clear float 的原理可參見 [How To Clear Floats Without Structural Markup]
將以下代碼加入Global CSS 中,給需要閉合的div加上 class="clearfix" 即可,屢試不爽.
<style>
/* Clear Fix */
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix
{
display:inline-block;
}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
</style>
三、其他兼容技巧(再次
主站蜘蛛池模板:
兴文县|
盱眙县|
衢州市|
新巴尔虎左旗|
恩平市|
潼南县|
沙坪坝区|
尤溪县|
柘荣县|
桦川县|
沛县|
南昌县|
阿克陶县|
中卫市|
浦县|
陈巴尔虎旗|
夏河县|
揭东县|
汾西县|
西安市|
专栏|
双城市|
抚州市|
余庆县|
两当县|
喀什市|
于田县|
肥乡县|
翁源县|
新乡县|
嵊州市|
阳曲县|
怀安县|
大荔县|
江油市|
绥滨县|
肃北|
拜泉县|
佛学|
开江县|
兴宁市|