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