【正文】 : 100px!important。不過hacker還是非常好用的。（我的一個學(xué)生使用負(fù)margin，雖然能解決，但負(fù)margin本身就是容易引起瀏覽器兼容問題的用法，所以我禁止他們使用）　　瀏覽器兼容問題六：標(biāo)簽最低高度設(shè)置minheight不兼容　　問題癥狀：因為minheight本身就是一個不兼容的CSS屬性，所以設(shè)置minheight時不能很好的被各個瀏覽器兼容　　碰到幾率：5%　　解決方案：如果我們要設(shè)置一個標(biāo)簽的最小高度200px，需要進(jìn)行的設(shè)置為：{minheight:200px?！　g覽器兼容問題三：設(shè)置較小高度標(biāo)簽（一般小于10px），在IE6，IE7，遨游中高度超出自己設(shè)置高度　　問題癥狀：IE7和遨游里這個標(biāo)簽的高度不受控制，超出自己設(shè)置的高度　　碰到頻率：60%　　解決方案：給超出高度的標(biāo)簽設(shè)置overflow:hidden。　　第二類是基本按照設(shè)計圖來開發(fā)的前端開發(fā)人員，很多細(xì)枝末節(jié)差距很大，不如間距，行高，圖片位置等等經(jīng)常會差幾px。其實他們碰到的兼容性問題大部分不應(yīng)該歸咎于瀏覽器，而是他們的技術(shù)本身了。display:table。這時候我們就會面臨這個兼容性問題。當(dāng)它們讀到*height200px的時候就停下了，因為它們不認(rèn)識_height。 height:0。而兼容就是一種辦法，能讓你在一個CSS里面獨立的寫支持不同瀏覽器的樣式。 } /* Moz */ * html 1 { color: 666。 //for ff+ } box{ width:600px!important //for ff width:600px。}htmlbody box{ width: auto。 clear: both。 } box p {margintop: 20px。 僅IE6與IE5不識別 select/**/ { display /*IE6,IE5不識別*/:none。 截字省略號 select { otextoverflow:ellipsis。 div ul li 的嵌套順序 今天只講一個規(guī)則。 /*。只是目前Firefox并不支持。但很多情況你來到下一行，間隙就沒了，但是前 面的內(nèi)容又空了很大一塊，出現(xiàn)這種情況雖然你可以改變IE的Margin，然后調(diào)整Firefox下面的Padding，以便使得兩者顯示起來得效果很相 似，但是你得CSS將變得臭長無比，你不得不多考慮更多可能出現(xiàn)這種問題補救措施，雖然你知道千篇一律來兼容它們，但是你會煩得要命。CSS兼容技巧　　1 FF下給 div 設(shè)置 padding 后會導(dǎo)致 width 和 height 增加, 但I(xiàn)E不會.(當(dāng)然不是萬能)　　3 若需給 a 標(biāo)簽內(nèi)內(nèi)容加上樣式, 需要設(shè)置 display: block。MARGINLEFT: auto。這樣問題就大了，如果只用寬度和高度，　　正常的瀏覽器里這兩個值就不會變，如果只用minwidth和minheight的話，IE下面根本等于沒有設(shè)置寬度和高度。清除浮動　　.hackbox{ display:table。　　解決辦法：對layout使用lineheight屬性或者給layout使用固定高和寬。}或者為DIV加上border屬性。 scrollbarshadowcolor:eeeeee。 margin:100px 0 0 100px。搜狗瀏覽器比較特殊，它有兩種瀏覽模式：一是兼容模式，該模式使用IE內(nèi)核；二是高速模式，該模式使用WebKit內(nèi)核。Y color:000000。 此處填寫ie6的css*/}media all and (webkitmindevicepixelratio:10000), not all and (webkitmindevicepixelratio:0){ .t1{color:9900FF}} /* oprea支持 /* ie6 id7 支持 此處填寫ie7的css*/brdiv align=”center”/div3. 垂直居中的問題問題：在瀏覽器中 想要垂直居中，設(shè)置verticalalign:middle。 使用ie6不支持但其余瀏覽器支持的屬性!important。設(shè)置圖片的垂直對齊方式12. IE6兩個層之間3px的問題問題： 父級元素使用padding后，子元素使用絕對定位，不能精確定位解決： ie6/7/opera子容器b/div 然后 clear:both。31. 列表不能換行的問題問題：33. 超鏈接訪問過后hover樣式不出現(xiàn)的問題問題： 改變CSS屬性的排列順序: LVHAtextoverflow:ellipsis。ie67背景顏色失效解決：很多ie的bug都可以通過觸發(fā)layout來解決 ul添加屬性height:1%。27. IE67 li底部有3px的問題問題：20. liststyleimage準(zhǔn)確定位的問題問題：15. IE67 lineheight失效的問題問題： 設(shè)置lineheight和height一樣。6. IE6 最小高度(寬度)的問題問題：ie6不支持minheight、minwidth屬性，默認(rèn)height是最小高度，width是最小寬度。2. 水平居中的問題問題：設(shè)置 textalign: centerYY例如設(shè)置b的CSS樣式為：margin:a href=:/a pre lang=html line=1 param name=wmode value=transparent /七、怎樣使一個div層居中于瀏覽器中？ width:200px。marginbottom: 20px。}right{ width:50%。 width:expression( 600? “600px”: “auto” )?！　ox{ display:block。　　但在mozilla中不能居中。 可用important解決　　2 居中問題.　　 div ul li 的嵌套順序 今天只講一個規(guī)則。list style:none。 以上都是寫CSS中的一些兼容，建議遵循正確的標(biāo)簽嵌套(div ul li 嵌套結(jié)構(gòu)關(guān)系)，這樣可以減少你使用兼容的頻率，不要進(jìn)入理解誤區(qū)，并不是一個頁面就需要很多的兼容來保持多瀏覽器兼容)，很多情況下也許一個兼容都不用 也可以讓瀏覽器工作得非常好，這些都是用來解決局部的兼容性問題，如果希望把兼容性的內(nèi)容也分離出來，不妨試一下下面的幾種過濾器。 /**/ 下面是IE的條件注釋，個人覺得用條件注釋調(diào)用相應(yīng) 兼容是比較完美的多瀏覽器兼容的解決辦法。 height:0。其它瀏覽器不識別。 解決辦法：對layout使用lineheight屬性 或者給layout使用固定高和寬。 } 或者加入:after（偽對象）,設(shè)置在對象后發(fā)生的內(nèi)容，通常和content配合使用，IE不支持此偽對象，非Ie 瀏覽器支持，所以并不影響到IE/WIN瀏覽器。這樣問題就大了，如果只用寬度和高度，正常的瀏覽器里 這兩個值就不會變，如果只用minwidth和minheight的話，IE下面根本等于沒有設(shè)置寬度和高度。MARGINLEFT: auto。 下面我簡單解釋一下各瀏覽器怎樣理解這三個屬性： 在FF下，第3個屬性FF不認(rèn)識，所以它讀的是 height:100px。 marginright: 12px。 } /* FireFox */ *html wrapper { width: 80px。_height:100px。 overflow:visible。出現(xiàn)這個問題的原因是IE8之前的瀏覽器都會給標(biāo)簽一個最小默認(rèn)的行高的高度。代碼為什么這么寫還不知所以然。這類開發(fā)人員往往經(jīng)常為兼容性問題所困。即使你的標(biāo)簽是空的，這個標(biāo)簽的高度還是會達(dá)到默認(rèn)的行高。}　　備注：在B/S系統(tǒng)前端開時，有很多情況下我們又這種需求。} /* ie6 fixed */ *+html wrapper { width: 60px。 } /* IE6 */ *html .submitbutton { margintop: 21px。 在IE7下，第三個屬性IE7不認(rèn)識，所以它讀第2個屬性，又因為第二個屬性覆蓋了第一個屬性，所以IE7最終讀出的是第2個屬性 *height:120px。 就可以了。比如要設(shè)置背景圖片，這個寬度是比較重 要的。這種的最麻煩的 ……box:after{ content: “.”。頁面結(jié)構(gòu)盡量簡單。 html/**/ body select {……} 這句與上一句的作用相同。 clear:both。把需要兼容的地方單獨放到一個文件里面，當(dāng)瀏覽器版本符合的時候就可以調(diào)用那個被兼容的樣式，這樣不僅使用起來 非常方便，而且對于制作這個CSS本身來講，可以更嚴(yán)格的觀察到是否有必要使用兼容，很多情況下，當(dāng)我本人寫CSS如果把全部代碼包括兼容都寫到一個 CSS文件的時候的時候會很隨意，想怎么兼容就怎么兼容，而你獨立出來寫的時候，你就會不自覺的考慮是否有必要兼容，是先兼容 CSS？還是先把主CSS里面的東西調(diào)整到盡可能的不需要兼容？當(dāng)你僅用很少的兼容就讓很多瀏覽器很乖很聽話的時候，你是不是很有成就感呢？你知道怎么選 擇了吧～～呵呵 IE的if條件兼容 自己可以靈活使用參看這篇IE條件注釋 Only IE 所有的IE可識別 Only IE + 僅IE6可識別 Only IE 7/ Only IE 7/ 僅IE7可識別 Css 當(dāng)中有許多的東西不不按照某些規(guī)律來的話，會讓你很心煩，雖然你可以通過很多的兼容，很多的!important 來控制它，但是你會發(fā)現(xiàn)長此以往你會很不甘心，看看許多優(yōu)秀的網(wǎng)站，他們的CSS讓IE6,Ie7,Firefox,甚至Safari,Opera運行起來完美無缺是不是很羨慕？而他們看似復(fù)雜的模版下面使用的兼容 少得可憐。這些過濾器有的是寫在 CSS中通過過濾器導(dǎo)入特別的樣式，也有的是寫在HTML中的通過條件來鏈接或是導(dǎo)入需要的補丁樣式。}，其中l(wèi)iststyle:none是不讓li標(biāo)記的最前方顯示圓點或者數(shù)字等目錄類型的標(biāo)記，因為IE和 Firefox顯示出來默認(rèn)效果有些不一樣。就是divulli的三角關(guān)系。但是隨著CSS標(biāo)準(zhǔn)的進(jìn)一步完善，瀏覽器將最終都會遵循這個標(biāo)準(zhǔn)，到時候?qū)慏IV+CSS布局的頁 面就不那么麻煩了。 1). lineheight 設(shè)置為 當(dāng)前 div 相同的高度, 再通過 verticalalign: middle.( 注意內(nèi)容不要換行.)　　解決辦法就是在子元素定義時候設(shè)定時再加上“MARGINRIGHT: auto。 //可以為內(nèi)嵌元素模擬為塊元素 display:inline。}　　第一個minwidth是正常的。}*html left{ marginright:3px。 textalign:center。 height:200px。style type=text/css ! div { position:absolute。0_Y解決：在ie中如果td中的沒有內(nèi)容，那么border將不會顯示8. div嵌套p時，出現(xiàn)空白行問題：div中顯示p文本/p，ff、oprea、Chrome：top和bottom都會出現(xiàn)空白行，但是在ie下不會出現(xiàn)空白行。 設(shè)置display:inline。 div style=width:100px。 ul標(biāo)簽在ff中默認(rèn)是有padding值的,而在ie中只有margin有值解決：float:left。 otextoverflow:ellipsis。 36. 讓層顯示在FLASH之上問題： }li使用float float:left。11. IE6 weidth為奇數(shù)，右邊多出1px的問題問題：父級元素采用相對定位，且寬度設(shè)置為奇數(shù)時，子元素采用絕對定位，在ie6中會出現(xiàn)右側(cè)多出1像素 解決：將寬度的奇數(shù)值改成偶數(shù) 在源代碼中讓/div和img在同一行將圖片轉(zhuǎn)換為塊級對象display:block。marginright:automargin:0 auto。 *color:0000FF。 /* ie6支持瀏覽器的內(nèi)核Mozilla Firefox ( Gecko )Internet Explorer ( Trident )Opera ( Presto )Safari ( WebKit )Google Chrome ( WebKit )騰訊TT、世界之窗、360瀏覽器、遨游瀏覽器都是給IE加了個外殼，不過如果電腦上裝的是ie8的話，這些瀏覽器還是調(diào)用ie7的內(nèi)核。 left:50%。 scrollbarhighlightcolor:fff。} /style overflow:hidden?！　∮行﹥?nèi)容顯示不出來，當(dāng)鼠標(biāo)選擇這個區(qū)域是發(fā)現(xiàn)內(nèi)容確實在頁面。它實際上通過Javascript的判斷來實現(xiàn)最小寬度?！　E不認(rèn)得min這個定義，但實際上它把正常的width和height當(dāng)作有min的