瀏覽器兼容問題95827

《瀏覽器兼容問題95827》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、瀏覽器兼容問題95827瀏覽器兼容問題.txt蜜蜂整日忙碌，受到贊揚(yáng)；蚊子不停奔波，人見人打。多么忙不重要，為什么忙才重要。DIV+CSS設(shè)計(jì)時(shí)IE6、IE7、FF與兼容性有關(guān)的特性png瀏覽器圖片透明方法：類{width:100%;height:100%;background:url(PNG地址)no-repeatlefttop;{你的其他代碼}_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=sca

2、le,src="PNG地址");_background:none;}在網(wǎng)站設(shè)計(jì)的時(shí)候，應(yīng)該注意css樣式兼容不同瀏覽器問題，特別是對完全使用DIVCSS設(shè)計(jì)的網(wǎng)，就應(yīng)該更注意IE6IE7FF對CSS樣式的兼容，不然，你的網(wǎng)亂可能出去不想出現(xiàn)的效果！所有瀏覽器通用height:100px;IE6專用_height:100px;IE6專用*height:100px;IE7專用*+height:100px;IE7、FF共用height:100px!important;一、CSS兼容以下兩種方法幾乎能解決現(xiàn)今所有兼容.10.IE

3、6下為什么圖片下有空隙產(chǎn)生解決這個(gè)BUG的技巧也有很多,可以是改變html的排版,或者設(shè)置img為display:block或者設(shè)置vertical-align屬性為vertical-align:top　bottom　middle　text-bottom都可以解決.1,!important(不是很推薦，用下面的一種感覺最安全)隨著IE7對!important的支持,!important方法現(xiàn)在只針對IE6的兼容.(注意寫法.記得該聲明位置需要提前.)代碼:2,IE6/IE77對FireFox*+html與*html是IE特有的標(biāo)簽,firefox暫不支持.而*+html又為IE7特有標(biāo)簽.代碼:三、其他兼容技巧(相當(dāng)有用)

7、1,FF下給div設(shè)置padding后會(huì)導(dǎo)致width和height增加,但I(xiàn)E不會(huì).(可用!important解決)2,居中問題.1).垂直居中.將line-height設(shè)置為當(dāng)前div相同的高度,再通過vetical-align:middle.(注意內(nèi)容不要換行.)2).水平居中.margin:0auto;(當(dāng)然不是萬能)3,若需給a標(biāo)簽內(nèi)內(nèi)容加上樣式,需要設(shè)置display:block;(常見于導(dǎo)航標(biāo)簽)4,FF和IE對BOX理解的差異導(dǎo)致相差2px的還有設(shè)為float的div在ie下margin加倍等問題.5,u

8、l標(biāo)簽在FF下面默認(rèn)有l(wèi)ist-style和padding.最好事先聲明,以避免不必要的麻煩.(常見于導(dǎo)航標(biāo)簽和內(nèi)容列表)6,作為外部wrapper的div不要定死高度,最好還加上overflow:hidden.以達(dá)到高度自適應(yīng).7,關(guān)于手形光標(biāo).cursor:pointer.而hand只適用于IE.貼上代碼:兼容代