【正文】 設(shè)置高度是為了避免底邊顯示錯(cuò)位, 若不設(shè) height, 可以在 menubar 中插入一個(gè)空格。 　　 　　被點(diǎn)擊訪問過的超鏈接樣式不在具有hover和active了,很多人應(yīng)該都遇到過這個(gè)問題,解決方法是改變CSS屬性的排列順序: LVHA Code: ＜style type=text/css ＜! a:link {} a:visited {} a:hover {} a:active {} ＜/style 　　4. 游標(biāo)手指cursor 　　cursor: pointer 可以同時(shí)在 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)簽 　　這個(gè)標(biāo)簽在IE中,將會(huì)自動(dòng)margin一些邊距,而在FF中margin則是0,因此,如果想顯示一致,所以最好在css中指定margin和 padding,針對(duì)上面兩個(gè)問題,我的css中一般首先都使用這樣的樣式ul,form{margin:0。padding:0。}給定義死了,所以后面就不會(huì)為這個(gè)頭疼了. 　　7. BOX模型解釋不一致問題 　　在FF和IE中的BOX模型解釋不一致導(dǎo)致相差2px解決方法：div{margin:30px!important。margin:28px。} 注意這兩個(gè)margin的順序一定不能寫反， important這個(gè)屬性IE不能識(shí)別，但別的瀏覽器可以識(shí)別。所以在IE下其實(shí)解釋成這樣： div{maring:30px。margin:28px}重復(fù)定義的話按照最后一個(gè)來執(zhí)行，所以不可以只寫margin:xx px!important。 box{ width:600px。 //for w\idth:500px。 //for ff+} box{ width:600px!important //for ff width:600px。 //for ff+ width /**/:500px。 //for } 　　(這個(gè)不能算是兼容,是隱藏css的一個(gè)bug) 　　p[id]{}div[id]{} 　　,子選擇器的范圍從形式來說縮小了,屬性選擇器的范圍比較大,如p[id]中,所有p標(biāo)簽中有id的都是同樣式的. 　　 !important。 　　如果實(shí)在沒有辦法解決一些細(xì)節(jié)問題,”!important”會(huì)自動(dòng)優(yōu)先解析, .tabd1{ background:url(/res/images/up/) norepeat 0px 0px !important。 /*Style for FF*/ background:url(/res/images/up/) norepeat 1px 0px。 /* Style for IE */} 　　值得注意的是，一定要將xxxx !important 這句放置在另一句之上，上面已經(jīng)提過 　　,FF的默認(rèn)值問題 　　或許你一直在抱怨為什么要專門為IE和FF寫不同的CSS，為什么IE這樣讓人頭疼，然后一邊寫css，一邊咒罵那個(gè)可惡的M$ ，IE并沒有我們想象的那么可惡，關(guān)鍵在于IE和FF的默認(rèn)值不一樣而已，掌握了這個(gè)技巧，你會(huì)發(fā)現(xiàn)寫出兼容FF和 IE的css并不是那么困難，或許對(duì)于簡(jiǎn)單的css，你完全可以不用amp。r dquo。!important”這個(gè)東西了。 　　我們都知道，瀏覽器在顯示網(wǎng)頁(yè)的時(shí)候，都會(huì)根據(jù)網(wǎng)頁(yè)的css樣式表來決定如何顯示，但是我們?cè)跇邮奖碇形幢貢?huì)將所有的元素都進(jìn)行了具體的描述，當(dāng)然也沒有必要那么做，所以對(duì)于那些沒有描述的屬性，瀏覽器將采用內(nèi)置默認(rèn)的方式來進(jìn)行顯示，譬如文字，如果你沒有在css中指定顏色，那么瀏覽器將采用黑色或者系統(tǒng)顏色來顯示，div或者其他元素的背景，如果在css中沒有被指定，瀏覽器則將其設(shè)置為白色或者透明，等等其他未定義的樣式均如此。所以有很多東西出現(xiàn) FF和IE顯示不一樣的根本原因在于它們的默認(rèn)顯示不一樣，而這個(gè)默認(rèn)樣式該如何顯示我知道在w3中有沒有對(duì)應(yīng)的標(biāo)準(zhǔn)來進(jìn)行規(guī)定，因此對(duì)于這點(diǎn)也就別去怪罪IE了。 　　 　　標(biāo)準(zhǔn)瀏覽器中固定高度值的容器是不會(huì)象IE6里那樣被撐開的,那我又想固定高度,又想能被撐開需要怎樣設(shè)置呢？辦法就是去掉height設(shè)置min height:200px。 這里為了照顧不認(rèn)識(shí)minheight的IE6 可以這樣定義: { height:auto!important。 height:200px。 minheight:200px。 } 　　 　　眾所周知IE中直接使用 wordwrap:breakword 就可以了, FF中我們使用JS插入 的方法來解決 ＜style type=text/css ＜! div { width:300px。 wordwrap:breakword。 border:1px solid red。 } ＜/style ＜div id=ffaaaaaaaaaaaaaaaaaaaaaaaaaaaa＜/div ＜scrīpt type=text/javascrīpt /* ＜![CDATA[ */ function toBreakWord(el, intLen){ var ōbj=(el)。 var strContent=。 var strTemp=。 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)原來問題出在這,頂部的申明觸發(fā)了IE的qurks mode,關(guān)于qurks mode、standards mode的相關(guān)知識(shí),請(qǐng)參考:?mfr=true 　　IE6,IE7,FF 　　，對(duì)CSS的支持又有新問題。瀏覽器多了，網(wǎng)Bpx。 /*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 */ 　　第二種，是使用IE專用的條件注釋 ＜!其他瀏覽器 ＜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)站翻譯過來的。. 　　新建一個(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覆蓋原來的css樣式,由于:,所以對(duì)這句話不會(huì)有任何作用,于是也達(dá)到了 ,但是很不幸地的是,safari同樣不支持此屬性,所以需要加入以下css樣式： item:empty { background: green !important } :empty選擇器為css3的規(guī)范,盡管safari并不支持此規(guī)范,但是還是會(huì)選擇此元素,不管是否此元素存在,現(xiàn)在綠色會(huì)現(xiàn)在在除ie各版本以外的瀏覽器上。 　　對(duì)IE6和FF的兼容可以考慮以前的!important 個(gè)人比較喜歡用第一種，簡(jiǎn)潔，兼容性比較好。IE與Firefox的CSS兼容大全2008年07月19日 星期六 08:55 ，通常情況下IE和Firefox存在很大的解析差異，這里介紹一下兼容要點(diǎn)?！　〕Ｒ娂嫒輪栴}：　　 影響 CSS 處理　　: div 設(shè)置 marginleft, marginright 為 auto 時(shí)已經(jīng)居中, IE 不行　　: body 設(shè)置 textalign 時(shí), div 需要設(shè)置 margin: auto(主要是 marginleft,marginright) 方可居中　　: 設(shè)置 padding 后, div 會(huì)增加 height 和 width, 但 IE 不會(huì), 故需要用 !important 多設(shè)一個(gè) height 和 width　　: 支持 !important, IE 則忽略, 可用 !important 為 FF 特別設(shè)置樣式　　 的垂直居中問題: verticalalign:middle。 將行距增加到和整個(gè)DIV一樣高 lineheight:200px。 然后插入文字，就垂直居中了缺點(diǎn)是要控制內(nèi)容不要換行　　: pointer 可以同時(shí)在 IE FF 中顯示游標(biāo)手指狀， hand 僅 IE 可以　　: 鏈接加邊框和背景色，需設(shè)置 display: block, 同時(shí)設(shè)置 float: left 保證不換行。參照 menubar, 給 a 和 menubar 設(shè)置高度是為了避免底邊顯示錯(cuò)位, 若不設(shè) height, 可以在 menubar 中插入一個(gè)空格。　　 firefox和IE中的BOX模型解釋不一致導(dǎo)致相差2px解決方法：div{margin:30px!important。margin:28px。}　　注意這兩個(gè)margin的順序一定不能寫反，據(jù)阿捷的說法!important這個(gè)屬性IE不能識(shí)別，但別的瀏覽器可以識(shí)別。所以在IE下其實(shí)解釋成這樣：div{maring:30px。margin:28px}　　重復(fù)定義的話按照最后一個(gè)來執(zhí)行，所以不可以只寫margin:XXpx!important。　　 和IE6的BOX解釋不一致　　IE5下div{width:300px。margin:0 10px 0 10px。}　　div的寬度會(huì)被解釋為300px10px(右填充)10px(左填充)最終div的寬度為280px，而在IE6和其他瀏覽器上寬度則是以300px+10px(右填充)+10px(左填充)=320px來計(jì)算的。這時(shí)我們可以做如下修改div{width:300px!important。width /**/:340px。margin:0 10px 0 10px}　　關(guān)于這個(gè)/**/是什么我也不太明白，只知道IE5和firefox都支持但I(xiàn)E6不支持，如果有人理解的話，請(qǐng)告訴我一聲，謝了！：）　　,而在IE中只有margin有值所以先定義ul{margin:0。padding:0。}　　就能解決大部分問題　　注意事項(xiàng)：　　float的div一定要閉合。　　例如：(其中floatA、floatB的屬性已經(jīng)設(shè)置為float:left。)div id=floatA /divdiv id=floatB /divdiv id=NOTfloatC /div　　這里的NOTfloatC并不希望繼續(xù)平移，而是希望往下排。　　這段代碼在IE中毫無問題，問題出在FF。原因是NOTfloatC并非float標(biāo)簽