css與javascript跨瀏覽器兼容性總結(jié)_1

css與javascript跨瀏覽器兼容性總結(jié)_1

ID:30504751

大?。?9.02 KB

頁數(shù):10頁

時間:2018-12-30

css與javascript跨瀏覽器兼容性總結(jié)_1_第1頁
css與javascript跨瀏覽器兼容性總結(jié)_1_第2頁
css與javascript跨瀏覽器兼容性總結(jié)_1_第3頁
css與javascript跨瀏覽器兼容性總結(jié)_1_第4頁
css與javascript跨瀏覽器兼容性總結(jié)_1_第5頁
資源描述:

《css與javascript跨瀏覽器兼容性總結(jié)_1》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。

1、我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識是在這次中級黨校的培訓(xùn)班上。通過學(xué)習(xí),了解了黨的發(fā)展歷程,對黨的性質(zhì)、宗旨、任務(wù)等基本知識有了進一步的了解css與javascript跨瀏覽器兼容性總結(jié)  一、CSS樣式兼容性  1.FLOAT閉合(clearingfloat)  網(wǎng)頁在某些瀏覽器上顯示錯位很多時候都是因為使用了float浮動而沒有真正閉合,這也是div無法自適應(yīng)高度的一個原因。如果父div沒有設(shè)float而其子div卻設(shè)了float的話,父div無法包住整個子DIV,這種情況一般出現(xiàn)在一個父DI

2、V下包含多個子DIV。解決辦法:  1)給父DIV也設(shè)上float  2)在所有子DIV后新加一個空DIV(目前Ext是這么做的),比如:  .parent{width:100px;}  .son1{float:left;width:20px;}  .son2{float:left;width:80px;}  .clear{clear:both;margin:0;parding0;height:0px;font-size:0px;}            3)萬能float閉合對黨的認(rèn)識也有了進一

3、步的提高。才真正體會到了中國共產(chǎn)黨的偉大、光榮和正確,更感到只有中國共產(chǎn)黨是全中國最廣大人民利益的忠實代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識是在這次中級黨校的培訓(xùn)班上。通過學(xué)習(xí),了解了黨的發(fā)展歷程,對黨的性質(zhì)、宗旨、任務(wù)等基本知識有了進一步的了解  將以下代碼加入GlobalCSS中,給需要閉合的div加上class=”clearfix”即可,屢試不爽。    /*ClearFix*/  .clearfix:after{  content:".";  display:block;  height:

4、0;  clear:both;  visibility:hidden;  }  .clearfix{  display:inline-block;  }  /*HidefromIEMac*/  .clearfix{display:block;}  /*EndhidefromIEMac*/  /*endofclearfix*/    :after(偽對象),設(shè)置在對象后發(fā)生的內(nèi)容,通常和content配合使用,IE不支持此偽對象,非Ie瀏覽器支持,所以并不影響到IE/WIN瀏覽器。這種的最麻煩。對黨

5、的認(rèn)識也有了進一步的提高。才真正體會到了中國共產(chǎn)黨的偉大、光榮和正確,更感到只有中國共產(chǎn)黨是全中國最廣大人民利益的忠實代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識是在這次中級黨校的培訓(xùn)班上。通過學(xué)習(xí),了解了黨的發(fā)展歷程,對黨的性質(zhì)、宗旨、任務(wù)等基本知識有了進一步的了解  4)overflow:auto  只要在父DIV的CSS中加上overflow:auto就搞定。舉例:  .parent{width:100px;overflow:auto}  .son1{float:left;width:20px;}

6、  .son2{float:left;width:80px;}          原理是,外圍元素之所以不能很好的延伸,問題出在了overflow上,因為overflow不可見(見W3C的解釋)?,F(xiàn)在只要將給外圍元素添加一個“overflow:auto”,就可以解決問題,結(jié)果是除了IE,真的可以解決。下來就要解決IE的問題了,再加上“_height:1%”,這個問題就完全解決了。我試了一下,其實不加"_height:1%“在IE下也行,留著吧?! ?.截字省略號  .hh{  -o-text-ov

7、erflow:ellipsis;  text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden;對黨的認(rèn)識也有了進一步的提高。才真正體會到了中國共產(chǎn)黨的偉大、光榮和正確,更感到只有中國共產(chǎn)黨是全中國最廣大人民利益的忠實代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識是在這次中級黨校的培訓(xùn)班上。通過學(xué)習(xí),了解了黨的發(fā)展歷程,對黨的性質(zhì)、宗旨、任務(wù)等基本知識有了進一步的了解  }  這個是在越出長度后會自行的截掉多出部分的文字,并以省略號結(jié)尾。技術(shù)

8、是好技術(shù),很多人都喜歡亂用,但注意Firefox并不支持。    頁面加上這句就可以讓頁面兼容IE7了  供參考!給大家提醒一個漂浮需要注意的問題注意設(shè)置DIV寬和高注意設(shè)置overflow:hidden;注意閉合針對火狐父div樣式display:inline-block;  3.cursor:hand和cursor:pointer  firefox不支持hand,但ie支持pointer  解決方法:統(tǒng)一使用pointer  4.CSS透明  幾款瀏覽器對透明度的支持方式各不相

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。