要有明確標(biāo)識(shí)type類型,還有/結(jié)束符號(hào)切記多余的逗號(hào)(iconCls:’’,)在IE7.0,就會(huì)出現(xiàn)異常,所以,要嚴(yán)格保證js代碼的完整性。2.Div+css通用兼容性代碼
*html{padding:0px}/*清除浮動(dòng)*/.clearfix:after{content:”.”2、;display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}.clearfix{display:block;}符號(hào)IE6IE7IE8FF*√√××!important×√×√_√×××9××√×*html√×××*+html×√××說(shuō)明:”√”代表能識(shí)別;”×”代表不識(shí)別關(guān)于css部份技巧,div/IE6/IE7/IE8/FF3.div的垂直居中問(wèn)題(1)vertical-align:middle;將
3、行距增加到和整個(gè)DIV一樣高line-height:200px;然后插入文字,就垂直居中了。缺點(diǎn)是要控制內(nèi)容不要換行(2)margin加倍的問(wèn)題設(shè)置為float的div在ie下設(shè)置的margin會(huì)加倍。這是一個(gè)ie6都存在的bug。解決方案是在這個(gè)div里面加上display:inline;(3)浮動(dòng)ie產(chǎn)生的雙倍距離#box{float:left;width:100px;margin:000100px;//這種情況之下IE會(huì)產(chǎn)生200px的距離display:inline;//使浮動(dòng)忽略}這里細(xì)說(shuō)一下block與inline兩
4、個(gè)元素:Block:元素的特點(diǎn)是,總是在新行上開(kāi)始,高度,寬度,行高,邊距都可以控制(塊元素);Inline:元素的特點(diǎn)是,和其他元素在同一行上,不可控制(內(nèi)嵌元素);#box{display:block;//可以為內(nèi)嵌元素模擬為塊元素display:inline;//實(shí)現(xiàn)同一行排列的效果diplay:table;}(4)IE與寬度和高度的問(wèn)題IE不認(rèn)得min-這個(gè)定義,但實(shí)際上它把正常的width和height當(dāng)作有min的情況來(lái)使。這樣問(wèn)題就大了,如果只用寬度和高度,正常的瀏覽器里這兩個(gè)值就不會(huì)變,如果只用min-width
5、和min-height的話,IE下面根本等于沒(méi)有設(shè)置寬度和高度。比如要設(shè)置背景圖片,這個(gè)寬度是比較重要的。要解決這個(gè)問(wèn)題,可以這樣:#box{width:80px;height:35px;}html>body#box{width:auto;height:auto;min-width:80px;min-height:35px;}(5)頁(yè)面的最小寬度min-width是個(gè)非常方便的CSS命令,它可以指定元素最小也不能小于某個(gè)寬度,這樣就能保證排版一直正確。但I(xiàn)E不認(rèn)得這個(gè),而它實(shí)際上把width當(dāng)做最小寬度來(lái)使。為了讓這一命令在IE
6、上也能用,可以把一個(gè)
放到標(biāo)簽下,然后為div指定一個(gè)類,然后CSS這樣設(shè)計(jì):#container{min-width:600px;width:expression(document.body.clientWidth<600?"600px":"auto");}第一個(gè)min-width是正常的;但第2行的width使用了Javascript,這只有IE才認(rèn)得,這也會(huì)讓你的HTML文檔不太正規(guī)。它實(shí)際上通過(guò)Javascript的判斷來(lái)實(shí)現(xiàn)最小寬度。1.jsp頁(yè)面布局要規(guī)范合理,有一定的縮進(jìn)Tab標(biāo)簽,方便自己同時(shí)
7、也方便別人閱讀和維護(hù)。單元測(cè)試:自己開(kāi)發(fā)的代碼(要做到內(nèi)部測(cè)試),并且特別要注意邊界值的覆蓋,保證代碼的正確性。2.page指令:一個(gè)頁(yè)面中用上多個(gè)<%@page%>指令,它的作用范圍都是整個(gè)jsp頁(yè)面。為了jsp程序的可讀性。最好還是把它放在jsp文件的頂部,其中的屬性只能用一次,有個(gè)例外是import屬性,可以使用多次。3.背景透明問(wèn)題IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60);IE:filter:alpha(opacity=10
8、);FF:opacity:0.6;FF:-moz-opacity:0.10;
當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文
當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文