【正文】 下，應(yīng)該沒有問題了。 } /* IE7 */　　那么在firefox下字體顏色顯示為333，IE6下字體顏色顯示為666，IE7下字體顏色顯示為999。 }　　說明：　　首先在父級元素定義TEXTALIGN: center。解決辦法就是在子元素定義時候設(shè)定時再加上“MARGINRIGHT: auto。 就可以了。 //for ff+ width /**/:500px。 //這種情況之下IE會產(chǎn)生200px的距離 display:inline。 //可以為內(nèi)嵌元素模擬為塊元素 display:inline?！　”热缫O(shè)置背景圖片，這個寬度是比較重要的。 height: auto。頁面的最小寬度　　minwidth是個非常方便的CSS命令，它可以指定元素最小也不能小于某個寬度，這樣就能保證排版一直正確。}　　第一個minwidth是正常的。 //將對象作為塊元素級的表格顯示}{ clear:both。 height: 0。 width:800px。}*html left{ marginright:3px。頁面結(jié)構(gòu)盡量簡單。 textalign:center。一、超鏈接點擊過后hover樣式就不出現(xiàn)的問題？被點擊訪問過的超鏈接樣式不再具有hover和active樣式了,解決方法是改變CSS屬性的排列順序: height:200px。浮動后本來外邊距10px,但IE解釋為20px,解決辦法是加上display:inline。可以這樣定義： } scrollbar3dlightcolor:eeeeee。 } /stylezoom:style type=text/css ! div { position:absolute。 width:200px。如果要實現(xiàn)b在a中居中放置，一般只需用CSS設(shè)置a的textalign屬性為center。0解決ieie8兼容性最好的辦法是在head標(biāo)簽中加入meta 類型meta equiv=XUACompatible content=IE=EmulateIE7 /，只要IE8一讀到這個標(biāo)簽,它就會自動啟動IE7兼容模式CSS Hack解決瀏覽器兼容性問題的主要方法是CSS hack。CSS Hack的原理是什么由于不同的瀏覽器對CSS的支持及解析結(jié)果不一樣，還由于CSS中的優(yōu)先級的關(guān)系。IE6IE7IE8FirefoxOperaSafari!important_Y代碼如下所示：!DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN htmlheadmeta equiv=ContentType content=text/html。 /* 所有瀏覽器都支持 此處填寫Firefox的css*/ 此處填寫oprea的css*/media screen and (webkitmindevicepixelratio:0){.t1{color:336600}/* Chrome、Safari支持 /* 所有瀏覽器都支持 此處填寫Firefox的css**/br1. 默認的內(nèi)外邊距不同問題：各個瀏覽器默認的內(nèi)外邊距不同解決：*{margin:0。 不起作用。:auto!important。5. IE6 默認的div高度問題：ie6默認div高度為一個字體顯示的高度，所在ie6下div的高度大于等于一個字的高度，因此在ie6下定義高度為1px的容器，顯示的是一個字體的高度解決：為這個容器設(shè)置下列屬性之一設(shè)置overflow:hidden。解決：設(shè)置屬性minheight:200px。 在ie中如果td中的沒有內(nèi)容，那么border將不會顯示8. div嵌套p時，出現(xiàn)空白行問題：div中顯示p文本/p，ff、oprea、Chrome：top和bottom都會出現(xiàn)空白行，但是在ie下不會出現(xiàn)空白行。 verticalalign:top/middle/bottom改變父對象的屬性，如果父對象的寬、高固定，圖片大小隨父對象而定，那么可以對父元素設(shè)置： overflow:hidden。width:100px。 設(shè)置display:inline。 (所有瀏覽器都能識別) float:left。 div style=width:100px。_filter:progid:(src=39。 /* IE6 */19. liststyleposition默認值的問題問題：ie下liststyleposition默認為inside,li的子元素position:relative。 ul標(biāo)簽在ff中默認是有padding值的,而在ie中只有margin有值解決：}就能解決大部分問題22. IE中l(wèi)i指定高度后，出現(xiàn)排版錯誤問題：在ie下如果為li指定高度可能會出現(xiàn)排版錯位解決： li設(shè)置clear:left|both，這時li不能設(shè)置width、height、zoom。給包含的文本末尾添加一個空格設(shè)置width ul、ol、dl 都設(shè)置為position:relative。float:left。此方法適用于ie67opera、safari瀏覽器 otextoverflow:ellipsis。 想讓層的內(nèi)容顯示在flash上解決：把FLASH設(shè)置透明param name= wmode value=transparent /param name=wmode value=opaque/ :focus { outline: none。38. css濾鏡的問題問題： ff會出現(xiàn)虛線邊框 ,而opera、safari沒有虛線邊框解決：ie6/7中 設(shè)置為a { blr:expression(=()) } ie8 和 ff 都不支持expression 36. 讓層顯示在FLASH之上問題： (但可以粘貼)禁用粘貼：onpaste=return false } whitespace:nowrap。30. IE67 列表背景顏色失效的問題2問題：做橫向?qū)Ш綑跁r，ul設(shè)置為float且有背景色，li設(shè)置為float。時，在ie6中第一個ul、ol、dl的背景顏色失效解決：li使用float解決：div設(shè)置clear:left|both，這時li不能設(shè)置width、height、zoom。 設(shè)置lineheight23. ul或li浮動后，顯示在div外問題：div中的ul或li設(shè)置float以后，都不在div中解決：必須在ul標(biāo)簽后加div style=clear:both/div來閉合外層div24. ul浮動后，margin變大問題：ul設(shè)置 float后，在ie中margin將變大解決：設(shè)置ul的display:inline，li的liststyleposition:outside25. li浮動后，margin變大問題：li設(shè)置 float后，在ie中margin將變大解決：設(shè)置li的display:inline26. 嵌套使用ul、li的問題問題： ie的bug，嵌套使用ul、li時，里層的li設(shè)置float以后，外層li不設(shè)置float, 里面的ul頂部和它外面的li總是有一段間距解決：設(shè)置里面的ul的zoom:1 定義ul{margin:0。21. ul標(biāo)簽?zāi)J值的問題問題： textindex:16px。 firefox默認為outside解決：css中指定為outside即可解決兼容性問題)。 div style=clear:both/div/div18. 透明png圖片會帶背景色問題：在ie6下透明的png圖片會帶一個背景色解決：backgroundimage: url()。 float:left。 div style=width:100px。 解決：都設(shè)置成float16. td自動換行的問題問題：Table寬度固定，td自動換行解決：設(shè)置Table的tablelayout:fixed，td的wordwrap:breakword17. 子容器浮動后，父容器擴展問題問題：子容器都float以后，父容器沒有設(shè)定高度,父容器將不會擴展解決：只需要添加一個clear:both的div，代碼如下：div style=border:1px solid 333。 但是safari 、 ff 不支持解決：寫成 cursor:pointer。 _left:20px。 float左邊層添加屬性11. IE6 weidth為奇數(shù)，右邊多出1px的問題問題：父級元素采用相對定位，且寬度設(shè)置為奇數(shù)時，子元素采用絕對定位，在ie6中會出現(xiàn)右側(cè)多出1像素 解決：將寬度的奇數(shù)值改成偶數(shù) 解決： float:left。 在源代碼中讓/div和img在同一行將圖片轉(zhuǎn)換為塊級對象display:block。 height:200px。設(shè)置zoom:瀏覽器可以自動伸縮，然而如果是靜態(tài)的內(nèi)容，高度最好定好。marginright:automargin:0 auto。} /* ie6支持 *color:0000FF。 /* ie6支持 *color:0000FF。YY如何解決瀏覽器的兼容性在head標(biāo)簽中加入meta 類型meta equiv=XUACompatible content=IE=EmulateIE7 /，這樣就解決了ieie8兼容問題。nthoftype(1)\9YYYYYY比如 IE6能識別下劃線_和星號 * ，IE7能識別星號 * ，但不能識別下劃線_，而firefox兩個都不能認識。這個時候我們就需要針對不同的瀏覽器去寫不同的CSS，讓它能夠同時兼容不同的瀏覽器，能在不同的瀏覽器中也能得到我們想要的頁面效果。瀏覽器的內(nèi)核Mozilla Firefox ( Gecko )Internet Explorer ( Trident )Opera ( Presto )Safari ( WebKit )Google Chrome ( WebKit )騰訊TT、世界之窗、360瀏覽器、遨游瀏覽器都是給IE加了個外殼，不過如果電腦上裝的是ie8的話，這些瀏覽器還是調(diào)用ie7的內(nèi)核。解決辦法就是設(shè)置b的橫向margin為auto。div id=a div id=b /div /div border:1px solid red。 left:50%。lineheight:1px六、怎么樣才能讓層顯示在FLASH之上呢？解決的辦法是給FLASH設(shè)置透明:解決辦法是將body換成html五、如何定義1px左右高度的容器？IE6下這個問題是因為默認的行高造成的，解決的方法也有很多，例如：overflow:hidden scrollbartrackcolor:fff。 scrollbarhighlightcolor:fff。style type=text/css height:200px。} /style marginleft:10px。} style type=text/css overflow:hidden。 }　　box p {margintop: 20px?！　±骸　∮行﹥?nèi)容顯示不出來，當(dāng)鼠標(biāo)選擇這個區(qū)域是發(fā)現(xiàn)內(nèi)容確實在頁面。 width:50%。 visibility: hidden。這種的最麻煩的……box:after{ content: “.”。它實際上通過Javascript的判斷來實現(xiàn)最小寬度。為了讓這一命令在IE上也能用，可以把一個放到 標(biāo)簽下，然后為div指定一個類： 　　然后CSS這樣設(shè)計：　　container{ minwidth: 600px。 minheight: 35px。 height: 35px?！　E不認得min這個定義，但實際上它把正常的width和height當(dāng)作有min的情況來使。Inline元素的特點是:和其他元素在同一行上,…不可控制(內(nèi)嵌元素)。 width:100px。 //for w/idth:500px。 ”　　需要說明的是，如果你想用這個方法使整個頁面要居中，建議不要套在一個DIV里，你可以依次拆出多個div，　　只要在每個拆出的div里定義MARGINRIGHT: auto。對于IE這樣設(shè)定就已經(jīng)可以了。}　　center { MARGINRIGHT: auto。 } /* Moz */　　* html 1 { color: 666。 2).水平居中. margin: 0 auto。一下是一個網(wǎng)友寫的CSS兼容技巧，值得大家參考。由于目前IE6不能支持有些標(biāo)準(zhǔn)的CSS， 不窮，要是頁面能夠適應(yīng)盡量多的瀏覽器成為一個課題。 background:red。}，其中l(wèi)iststyle:none是不讓li標(biāo)記的最前方顯示圓點或者數(shù)字等目錄類型的標(biāo)記，因為IE和 Fir