divcss兼容性問題-文庫吧資料
2025-06-13 13:35本頁面
【正文】 /for w\idth:500px。margin:28px}重復(fù)定義的話按照最后一個來執(zhí)行，所以不可以只寫margin:xx px!important。} 注意這兩個 margin的順序一定不能寫反， important這個屬性IE不能識別, 但別的瀏覽器可以識別。}給定義死了,所以后面就不會為這個頭疼了. 7. BOX模型解釋不一致問題 在FF和IE 中的BOX模型解釋不一致導(dǎo)致相差2px解決方法：div{margin:30px!important。}就能解決大部分問題 6. FORM標(biāo)簽 這個標(biāo)簽在IE中,將會自動margin一些邊距,而在FF中margin則是0,因此,如果想顯示一致,所以最好在css中指定margin和 padding,針對上面兩個問題,我的css中一般首先都使用這樣的樣式 ul,form{margin:0。 被點擊訪問過的超鏈接樣式不在具有hover和active了,很多人應(yīng)該都遇到過這個問題,解決方法是改變CSS屬性的排列順序: LVHA Code: style type=text/css ! a:link {} a:visited {} a:hover {} a:active {} /style 4. 游標(biāo)手指cursor cursor: pointer 可以同時在 IE FF 中顯示游標(biāo)手指狀， hand 僅 IE 可以 ul標(biāo)簽在FF中默認(rèn)是有padding值的,而在IE中只有margin默認(rèn)有值,所以先定義 ul{margin:0。 (a標(biāo)簽)的邊框與背景 a 鏈接加邊框和背景色，需設(shè)置 display: block, 同時設(shè)置 float: left 保證不換行。 } /style FF與IE 1. Div居中問題 div設(shè)置 marginleft, marginright 為 auto 時已經(jīng)居中，IE 不行，IE需要設(shè)定body居中，首先在父級元素定義textalgin: center。 height:200px。 margin:100px 0 0 100px。 top:50%。 scrollbardarkshadowcolor:fff。 scrollbararrow color:000。 scrollbarshadowcolor:eeeeee。 charset=gb2312 / style type=text/css ! html { scrollbarfacecolor:f6f6f6。 overflow: hidden。 textoverflow:ellipsis。 } /style ,比如 div id=aa 不容許重復(fù)2次,而class 定義的是類,理論上可以無限重復(fù), 這樣需要多次引用的定義便可以使用他. ID 的優(yōu)先級要高于class,看上面的例子 ,如果在頁面中要對某個對象進(jìn)行腳本操作,那么可以給他定義一個ID,否則只能利用遍歷頁面元素加上指定特定屬性來找到它,這是相對浪費時間資源, 遠(yuǎn)遠(yuǎn)不如一個ID來得簡單.15. LI中內(nèi)容超過長度后以省略號顯示的方法 此方法適用與IE與OP瀏覽器 style type=text/css ! li { width:200px。 border:1px solid red。 style type=text/css ! input { width:200px。}或者為DIV加上border屬性。 } div id=box pp對象中的內(nèi)容/p/div 解決方法：在P對象上下各加2個空的div對象CSS代碼：.1{height:0px。marginbottom: 20px。 例：box {backgroundcolor:eee。} /* End hide from IE Mac */ /* end of clearfix */ 或者這樣設(shè)置：.hackbox{ display:table。 } .clearfix { display:inlineblock。 clear:both。 display:block。} ③對于排版,我們用得最多的css描述可能就是float:
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號-1