divcss兼容性問題(編輯修改稿)
2025-07-04 13:35 本頁面
【文章內(nèi)容簡介】 border:1px solid red。 verticalalign:middle。 } /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。 whitespace:nowrap。 textoverflow:ellipsis。 otextoverflow:ellipsis。 overflow: hidden。 } /style 解決辦法是將body換成html !DOCTYPE html PUBLIC //W3C//DTD XHTML Strict//EN meta equiv=ContentType content=text/html。 charset=gb2312 / style type=text/css ! html { scrollbarfacecolor:f6f6f6。 scrollbarhighlightcolor:fff。 scrollbarshadowcolor:eeeeee。 scrollbar3dlightcolor:eeeeee。 scrollbararrow color:000。 scrollbartrackcolor:fff。 scrollbardarkshadowcolor:fff。 } /style I E6下這個問題是因為默認(rèn)的行高造成的,解決的方法也有很多,例如:overflow:hidden | zoom: | lineheight:1px 解決的辦法是給FLASH設(shè)置透明 param name=wmode value=transparent / 這里我們使用百分比絕對定位,與外補(bǔ)丁負(fù)值的方法,負(fù)值的大小為其自身寬度高度除以二 style type=text/css ! div { position:absolute。 top:50%。 lef:50%。 margin:100px 0 0 100px。 width:200px。 height:200px。 border:1px solid red。 } /style FF與IE 1. Div居中問題 div設(shè)置 marginleft, marginright 為 auto 時已經(jīng)居中，IE 不行，IE需要設(shè)定body居中，首先在父級元素定義textalgin: center。這個的意思就是在父級元素內(nèi)的內(nèi)容居中。 (a標(biāo)簽)的邊框與背景 a 鏈接加邊框和背景色，需設(shè)置 display: block, 同時設(shè)置 float: left 保證不換行。參照 menubar, 給 a 和 menubar 設(shè)置高度是為了避免底邊顯示錯位, 若不設(shè) height, 可以在 menubar 中插入一個空格。 被點擊訪問過的超鏈接樣式不在具有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。padding:0。}就能解決大部分問題 6. FORM標(biāo)簽 這個標(biāo)簽
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號-1