資源描述:
《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透明 幾款瀏覽器對透明度的支持方式各不相