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