資源描述：
《瀏覽器兼容問題95820》由會員上傳分享，免費在線閱讀，更多相關內(nèi)容在行業(yè)資料-天天文庫。
1、瀏覽器兼容問題95820png瀏覽器圖片透明方法：類{width:100%;height:100%;background:url(PNG地址)no-repeatlefttop;{你的其他代碼}_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="PNG地址");_background:none;}在網(wǎng)站設計的時候，應該注意css樣式兼容不同瀏覽器問題，特別是對完全使用DIVCSS設計的網(wǎng)，就應該更注意IE6IE
2、7FF對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.IE6下為什么圖片下有空隙產(chǎn)生解決這個BUG的技巧也有很多,可以是改變html的排版,或者設置img為display:block或者設置vertical-align屬性為vertical-align:top bot
3、tom middle text-bottom都可以解決.1,!important(不是很推薦，用下面的一種感覺最安全)隨著IE7對!important的支持,!important方法現(xiàn)在只針對IE6的兼容.(注意寫法.記得該聲明位置需要提前.)代碼:2,IE6/IE77對FireFox*+html與*html是IE特有的標簽,firefox暫不支
4、持.而*+html又為IE7特有標簽.代碼:注意:*+html對IE7的兼容必須保證HTML頂部有如下聲明：代碼:
5、e.dtd">二、萬能float閉合(非常重要!)可以用這個解決多個div對齊時的間距不對，關于clearfloat的原理可參見[HowToClearFloatsWithoutStructuralMarkup]將以下代碼加入GlobalCSS中,給需要閉合的div加上class=”clearfix”即可,屢試不爽.代碼:三、其他兼容技巧(相當有用)1,FF下給div設置padding后會導致width和height增加,但IE不會.(可用!important解決)2,居中問題.1).垂直居中.將line-height設置為當前div相同的高度,再通過vetical-align:middle.(注意內(nèi)容不要換行.)2).水平居中.margin:0auto;(
7、當然不是萬能)3,若需給a標簽內(nèi)內(nèi)容加上樣式,需要設置display:block;(常見于導航標簽)4,FF和IE對BOX理解的差異導致相差2px的還有設為float的div在ie下margin加倍等問題.5,ul標簽在FF下面默認有l(wèi)ist-style和padding.最好事先聲明,以避免不必要的麻煩.(常見于導航標簽和內(nèi)容列表)6,作為外部wrapper的div不要定死高度,最好還加上overflow:hidden.以達到高度自適應.7,關于手形光標.cursor:pointer.而hand只適用于IE.貼上代碼:兼容代碼:兼容最推薦的模式。
8、/*FF*/.submitbutton{float:left;width:40px;height:57px;margin-top:24p
