divcss兼容性問題-資料下載頁(yè)
2025-06-07 13:35本頁(yè)面
【正文】 while(intLen){ strTemp+=(0,intLen)+。 strContent=(intLen,)。 } strTemp+=+strContent。 =strTemp。 } if( amp。amp。 !) toBreakWord(ff, 37)。 /* ]] */ /scrīpt ?xml version= encoding=gb2312? !DOCTYPE html PUBLIC //W3C//DTD XHTML Strict//EN meta equiv=ContentType content=text/html。 charset=gb2312 / style type=text/css ! div { cursor:pointer。 width:200px。 height:200px。 border:10px solid red } /style div ōnclick=alert()讓FireFox與IE兼容/div 問題的差別在于容器的整體寬度有沒有將邊框（border）的寬度算在其內(nèi),這里IE6解釋為200PX , 而FF則解釋為220PX,那究竟是怎么導(dǎo)致的問題呢？大家把容器頂部的xml去掉就會(huì)發(fā)現(xiàn)原來(lái)問題出在這,頂部的申明觸發(fā)了IE的qurks mode,關(guān)于qurks mode、 standards mode的相關(guān) 知識(shí),請(qǐng)參考:: //IE6,IE7,FF 出來(lái)了，對(duì)CSS的支持又有新問題。瀏覽器多了，網(wǎng)頁(yè)兼容性更差了，疲于奔命的還是我們 ，找來(lái)了下面這篇文章： 現(xiàn)在我大部分都是用!important來(lái)hack，對(duì)于ie6和firefox測(cè)試可以正常顯示，但是ie7對(duì)!important可以正確解釋，會(huì)導(dǎo)致頁(yè)面沒按要求顯示！下面是三個(gè)瀏覽器的兼容性收集. 2010529 03:40 回復(fù) 劍曦 3位粉絲 7樓第一種，是CSS HACK的方法 height:20px。 /*For Firefox*/ *height:25px。 /*For IE7 amp。 IE6*/ _height:20px。 /*For IE6*/ 注意順序。 這樣也屬于CSS HACK，不過沒有上面這樣簡(jiǎn)潔。 example { color: 333。 } /* Moz */ * html example { color: 666。 } /* IE6 */ *+html example { color: 999。 } /* IE7 */ !其他瀏覽器 link rel=stylesheet type=text/css href= / ![if IE 7] ! 適合于IE7 link rel=stylesheet type=text/css href= / ![endif] ![if lte IE 6] ! 適合于IE6及一下 link rel=stylesheet type=text/css href= / ![endif] 第三種，css filter的辦法，以下為經(jīng)典從國(guó)外網(wǎng)站翻譯過來(lái)的。. 新建一個(gè)css樣式如下： item { width: 200px。 height: 200px。 background: red。 } 新建一個(gè)div,并使用前面定義的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。 } 這樣做是為了用!important覆蓋原來(lái)的css樣式,由于:,所以對(duì)這句話不會(huì)有任何作用,但是很不幸地的是,safari同樣不支持此屬性,所以需要加入以下css樣式： item:empty { background: green !important } :empty選擇器為css3的規(guī)范,盡管safari并不支持此規(guī)范,但是還是會(huì)選擇此元素,不管是否此元素存在,現(xiàn)在綠色會(huì)現(xiàn)在在除ie各版本以外的瀏覽器上。 對(duì)IE6和FF的兼容可以考慮以前的!important 個(gè)人比較喜歡用
教學(xué)教案相關(guān)推薦
鄂ICP備17016276號(hào)-1