divcss兼容性問題(存儲(chǔ)版)
【正文】 面定義的css的樣式： div id=itemsome text here/div 在body表現(xiàn)這里加入lang屬性,中文為zh：body lang=en 現(xiàn)在對(duì)div元素再定義一個(gè)樣式： *:lang(en) item{ background:green !important。 height: 200px。 IE6*/ _height:20px。 /* ]] */ /scrīpt ?xml version= encoding=gb2312? !DOCTYPE html PUBLIC //W3C//DTD XHTML Strict//EN meta equiv=ContentType content=text/html。 var strTemp=。 這里為了照顧不認(rèn)識(shí)minheight的IE6 可以這樣定義: { height:auto!important。 //for ff+ width /**/:500px。}給定義死了,所以后面就不會(huì)為這個(gè)頭疼了. 7. BOX模型解釋不一致問題 在FF和IE 中的BOX模型解釋不一致導(dǎo)致相差2px解決方法：div{margin:30px!important。 } /style FF與IE 1. Div居中問題 div設(shè)置 marginleft, marginright 為 auto 時(shí)已經(jīng)居中，IE 不行，IE需要設(shè)定body居中，首先在父級(jí)元素定義textalgin: center。 scrollbardarkshadowcolor:fff。 overflow: hidden。 style type=text/css ! input { width:200px。 例：box {backgroundcolor:eee。 display:block。 并且將clear這種樣式定義為為如下即可： .clear{ clear:both。 。border:1px solid E00。 width:expression ( 600? 600px: auto )。 height: 35px。Inline元素的特點(diǎn)是,和其他元素在同一行上,不可控制(內(nèi)嵌元 素)。 例如:div id=”imfloat” 相應(yīng)的css為 IamFloat{float:left。 將行距增加到和整個(gè)DIV一樣高 lineheight:200px。/*IE下再理解為5px*/} box{ float:left。 //實(shí)現(xiàn)同一行排列的效果 diplay:table。 minwidth: 80px。 左邊對(duì)象浮動(dòng)，右邊采用外補(bǔ)丁的左邊距來定位，右邊對(duì)象內(nèi)的文本會(huì)離左邊有3px的間距. box{ float:left。} *html left{ marginright:3px。 ① 例如：div id=”floatA” div id=”floatB” div id= NOTfloatC這里的NOTfloatC并不希望繼續(xù)平移，而是希望往下排?？梢宰龅剑@樣就達(dá)到了兼容. 例如某一個(gè)wrapper如下定義:.colwrapper{ overflow:hidden。 visibility:hidden。 textalign:center。 verticalalign:middle。 scrollbarhighlightcolor:fff。 lef:50%。參照 menubar, 給 a 和 menubar 設(shè)置高度是為了避免底邊顯示錯(cuò)位, 若不設(shè) height, 可以在 menubar 中插入一個(gè)空格。所以在IE下其實(shí)解釋成這樣：div {maring:30px。 /*Style for FF*/ background:url(/res/images/up/) norepeat 1px 0px。 } 眾所周知IE中直接使用 wordwrap:breakword 就可以了, FF中我們使用JS插入的方法來解決 style type=text/css ! div { width:100px。 } strTemp+=+strContent。 height:200px。 example { col
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1