divcss兼容性問(wèn)題-閱讀頁(yè)
2025-06-22 13:35本頁(yè)面
【正文】 :1px 解決的辦法是給FLASH設(shè)置透明 param name=wmode value=transparent / 這里我們使用百分比絕對(duì)定位,與外補(bǔ)丁負(fù)值的方法,負(fù)值的大小為其自身寬度高度除以二 style type=text/css ! div { position:absolute。 lef:50%。 width:200px。 border:1px solid red。這個(gè)的意思就是在父級(jí)元素內(nèi)的內(nèi)容居中。參照 menubar, 給 a 和 menubar 設(shè)置高度是為了避免底邊顯示錯(cuò)位, 若不設(shè) height, 可以在 menubar 中插入一個(gè)空格。padding:0。padding:0。margin:28px。所以在IE下其實(shí)解釋成這樣：div {maring:30px。 box{ width:600px。 //for ff+} box{ width:600px!important //for ff width:600px。 //for } (這個(gè)不能算是兼容,是隱藏css的一個(gè)bug) p[id]{}div[id]{} ,子選擇器的范圍從形式來(lái)說(shuō)縮小了,屬性選擇器的范圍比較大, 如p[id]中,所有p標(biāo)簽中有id的都是同樣式的. !important。 /*Style for FF*/ background:url(/res/images/up/) norepeat 1px 0px。 我們都知 道，瀏覽器在顯示網(wǎng)頁(yè)的時(shí)候，都會(huì)根據(jù)網(wǎng)頁(yè)的 css樣式表來(lái)決定如何顯示，但是我們?cè)跇邮奖碇形幢貢?huì)將所有的元素都進(jìn)行了具體的描述，當(dāng)然也沒(méi)有必要那么做，所以對(duì)于那些沒(méi)有描述的 屬性，瀏覽器將采用內(nèi)置默認(rèn)的方式來(lái)進(jìn)行顯示，譬如文字，如果你沒(méi)有在css中指定顏色，那么瀏覽器將采用黑色或者系統(tǒng)顏色來(lái)顯示，div或者其他元素的背景，如果在 css中沒(méi)有被指定， 瀏覽器則將其設(shè)置為白色或者透明，等等其他未定義的樣式均如此。 標(biāo)準(zhǔn)瀏覽器中固定高度值的容器是不會(huì)象IE6里那樣被撐開(kāi)的,那我又想固定高度,又想能被撐開(kāi)需要怎樣設(shè)置呢？辦法就是去掉height設(shè)置minheight:200px。 height:200px。 } 眾所周知IE中直接使用 wordwrap:breakword 就可以了, FF中我們使用JS插入的方法來(lái)解決 style type=text/css ! div { width:100px。 border:1px solid red。 var strContent=。 while(intLen){ strTemp+=(0,intLen)+。 } strTemp+=+strContent。 } if( amp。 !) toBreakWord(ff, 37)。 charset=gb2312 / style type=text/css ! div { cursor:pointer。 height:200px。瀏覽器多了，網(wǎng)頁(yè)兼容性更差了，疲于奔命的還是我們 ，找來(lái)了下面這篇文章： 現(xiàn)在我大部分都是用!important來(lái)hack，對(duì)于ie6和firefox測(cè)試可以正常顯示，但是ie7對(duì)!important可以正確解釋?zhuān)瑫?huì)導(dǎo)致頁(yè)面沒(méi)按要求顯示！下面是三個(gè)瀏覽器的兼容性收集. 2010529 03:40 回復(fù) 劍曦 3位粉絲 7樓第一種，是CSS HACK的方法 height:20px。 /*For IE7 amp。 /*For IE6*/ 注意順序。 example { color: 333。 } /* IE6 */ *+html example { color: 999。. 新建一個(gè)css樣式如下： item { width: 200px。 background: red。 } 這樣做是為了用!important覆蓋原來(lái)的css樣式,由于:,所以對(duì)這句話(huà)不會(huì)有任何作用,但是很不幸地的是,safari同樣不支持此屬性,所以需要加入以下css樣式： item:empty { background: green !important } :empty選擇器為css3的規(guī)范,盡管safari并不支持此規(guī)范,但是還是會(huì)選擇此元素,不管是否此元素存在,現(xiàn)在綠色會(huì)現(xiàn)在在除ie各版本以外的瀏覽
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1