資源描述:
《很全div css在不同瀏覽器不兼容問題》由會員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、轉(zhuǎn)貼:很全!!div+css在不同瀏覽器不兼容問題百度空間_應(yīng)用平臺個(gè)人中心我的主頁好友消息(3)好友添加(1)留言評論(0)系統(tǒng)通知(0)站內(nèi)消息(2)204222
2、裝扮
3、設(shè)置
4、退出204222文章相冊HOHO搭訕轉(zhuǎn)貼投票測試禮物寵物汽車工廠七彩魚開心大排檔網(wǎng)頁游戲添加設(shè)置轉(zhuǎn)貼熱門轉(zhuǎn)貼最新轉(zhuǎn)貼好友的轉(zhuǎn)貼我的轉(zhuǎn)貼如何轉(zhuǎn)貼?問題反饋無人島的TEA的轉(zhuǎn)貼轉(zhuǎn)貼來自:handal第一轉(zhuǎn)貼:無人島的TEA時(shí)間:2010-07-1219:34評論:0條投票:0次本貼轉(zhuǎn)貼:0累計(jì)轉(zhuǎn)貼:1無人島的TEA的相關(guān)轉(zhuǎn)貼:效率極低人群之七大習(xí)慣精美名片(創(chuàng)意不怕你做不到,就怕
5、你想不到...IE6.0、IE7.0與FireFoxCSS兼容的解決方法深入分晰資本資產(chǎn)定價(jià)模型(CAPM)以及貝塔(...深入分晰資本資產(chǎn)定價(jià)模型(CAPM)以及貝塔(...他們也在玩的應(yīng)用幸福廚房快來幸福廚房嘗試各種菜肴,做廚藝大師...地產(chǎn)大亨買地建樓、DIY開發(fā)樓盤、打造自己的...七彩魚美麗寧靜的七彩海域里,住著一群超萌超...很全?。iv+css在不同瀏覽器不兼容問題IE6、IE7、FF與兼容性有關(guān)的特性CSSHACK代碼:所有瀏覽器通用height:100px;IE6專用_height:100px;IE6專用*height:100px;
6、IE7專用*+height:100px;IE7、FF共用height:100px!important(優(yōu)先級);一、CSSHACK以下兩種方法幾乎能解決現(xiàn)今所有HACK.1,!important(不是很推薦,用下面的一種感覺最安全)隨著IE7對!important的支持,!important方法現(xiàn)在只針對IE6的HACK.(注意寫法.記得該聲明位置需要提前.)代碼:2,IE6/IE77對FireFox
7、rom針對firefoxie6ie7的css樣式>*+html與*html是IE特有的標(biāo)簽,firefox暫不支持.而*+html又為IE7特有標(biāo)簽.代碼:注意:*+html對IE7的HACK必須保證HTML頂部有如下聲明:代碼:
8、L4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">二、萬能float閉合(非常重要!)可以用這個(gè)解決多個(gè)div對齊時(shí)的間距不對,關(guān)于clearfloat的原理可參見[HowToClearFloatsWithoutStructuralMarkup]將以下代碼加入GlobalCSS中,給需要閉合的div加上class=”clearfix”即可,屢試不爽.代碼:三、其他兼容技巧(相當(dāng)有用)1,FF下給div設(shè)置padding后會導(dǎo)致width和height增加,但I(xiàn)E不會.(可用!important解決)2,居中問題.1).垂直居中.將line-height設(shè)置為當(dāng)前div相同的高度,再通過vertic
10、al-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,ul標(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).
11、cursor:pointer.而hand只適用于IE.貼上代碼:兼容代碼:hack最推薦的模式