divcss兼容性問題(文件)
【正文】 cursor: pointer 可以同時在 IE FF 中顯示游標(biāo)手指狀， hand 僅 IE 可以 ul標(biāo)簽在FF中默認(rèn)是有padding值的,而在IE中只有margin默認(rèn)有值,所以先定義 ul{margin:0。}給定義死了,所以后面就不會為這個頭疼了. 7. BOX模型解釋不一致問題 在FF和IE 中的BOX模型解釋不一致導(dǎo)致相差2px解決方法：div{margin:30px!important。margin:28px}重復(fù)定義的話按照最后一個來執(zhí)行，所以不可以只寫margin:xx px!important。 //for ff+ width /**/:500px。 /* Style for IE */} 值得注意的是，一定要將xxxx !important 這句放置在另一句之上，上面已經(jīng)提過 ,FF的默認(rèn)值問題 或許你一直在抱怨為什么要專門為IE和FF寫不同的CSS，為什么IE這樣讓人頭疼，然后一邊寫css，一邊咒罵那個可惡的M$ ，IE并沒有我們想象的那么可 惡, 關(guān)鍵在于IE和FF的默認(rèn)值不一樣而已，掌握了這個技巧，你會發(fā)現(xiàn)寫出兼容FF和IE的css并不是那么困難，或許對于簡單的css，你完全可以不用”!important”這個東西了。 這里為了照顧不認(rèn)識minheight的IE6 可以這樣定義: { height:auto!important。 wordwrap:breakword。 var strTemp=。 =strTemp。 /* ]] */ /scrīpt ?xml version= encoding=gb2312? !DOCTYPE html PUBLIC //W3C//DTD XHTML Strict//EN meta equiv=ContentType content=text/html。 border:10px solid red } /style div ōnclick=alert()讓FireFox與IE兼容/div 問題的差別在于容器的整體寬度有沒有將邊框（border）的寬度算在其內(nèi),這里IE6解釋為200PX , 而FF則解釋為220PX,那究竟是怎么導(dǎo)致的問題呢？大家把容器頂部的xml去掉就會發(fā)現(xiàn)原來問題出在這,頂部的申明觸發(fā)了IE的qurks mode,關(guān)于qurks mode、 standards mode的相關(guān) 知識,請參考:: //IE6,IE7,FF 出來了，對CSS的支持又有新問題。 IE6*/ _height:20px。 } /* Moz */ * html example { color: 666。 height: 200px。 對IE6和FF的兼容可以考慮以前的!important 個人比較喜歡用。 } 新建一個div,并使用前面定義的css的樣式： div id=itemsome text here/div 在body表現(xiàn)這里加入lang屬性,中文為zh：body lang=en 現(xiàn)在對div元素再定義一個樣式： *:lang(en) item{ background:green !important。 } /* 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)典從國外網(wǎng)站翻譯過來的。 這樣也屬于CSS HACK，不過沒有上面這樣簡潔。 /*For Firefox*/ *height:25px。 width:200px。amp。 strContent=(intLen,)。 } /style div id=ffaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa/div scrīpt type=text/javascrīpt /* 
鄂ICP備17016276號-1