【正文】 eight: 35px。它實(shí)際上通過Javascript的判斷來實(shí)現(xiàn)最小寬度。 visibility: hidden。　　有些內(nèi)容顯示不出來，當(dāng)鼠標(biāo)選擇這個區(qū)域是發(fā)現(xiàn)內(nèi)容確實(shí)在頁面。overflow:hidden。} } /style height:200px。 scrollbarhighlightcolor:fff。解決辦法是將body換成html五、如何定義1px左右高度的容器？IE6下這個問題是因為默認(rèn)的行高造成的，解決的方法也有很多，例如：overflow:hidden left:50%。div id=a div id=b /div /div瀏覽器的內(nèi)核Mozilla Firefox ( Gecko )Internet Explorer ( Trident )Opera ( Presto )Safari ( WebKit )Google Chrome ( WebKit )騰訊TT、世界之窗、360瀏覽器、遨游瀏覽器都是給IE加了個外殼，不過如果電腦上裝的是ie8的話，這些瀏覽器還是調(diào)用ie7的內(nèi)核。比如 IE6能識別下劃線_和星號 * ，IE7能識別星號 * ，但不能識別下劃線_，而firefox兩個都不能認(rèn)識。YYY如何解決瀏覽器的兼容性在head標(biāo)簽中加入meta 類型meta equiv=XUACompatible content=IE=EmulateIE7 /，這樣就解決了ieie8兼容問題。 *color:0000FF。 /* ie6支持 *color:0000FF。 /* ie6支持marginright:automargin:0 auto。 在源代碼中讓/div和img在同一行將圖片轉(zhuǎn)換為塊級對象display:block。 解決：11. IE6 weidth為奇數(shù)，右邊多出1px的問題問題：父級元素采用相對定位，且寬度設(shè)置為奇數(shù)時，子元素采用絕對定位，在ie6中會出現(xiàn)右側(cè)多出1像素 解決：將寬度的奇數(shù)值改成偶數(shù) float左邊層添加屬性 _left:20px。 但是safari 、 ff 不支持解決：寫成 cursor:pointer。 div style=width:100px。 float:left。)。21. ul標(biāo)簽?zāi)J(rèn)值的問題問題：li使用float } (但可以粘貼)禁用粘貼：onpaste=return false36. 讓層顯示在FLASH之上問題： 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/ otextoverflow:ellipsis。float:left。 li設(shè)置clear:left|both，這時li不能設(shè)置width、height、zoom。}就能解決大部分問題22. IE中l(wèi)i指定高度后，出現(xiàn)排版錯誤問題：在ie下如果為li指定高度可能會出現(xiàn)排版錯位解決： ul標(biāo)簽在ff中默認(rèn)是有padding值的,而在ie中只有margin有值解決：li的子元素position:relative。_filter:progid:(src=39。 div style=width:100px。 設(shè)置display:inline。width:100px。在ie中如果td中的沒有內(nèi)容，那么border將不會顯示8. div嵌套p時，出現(xiàn)空白行問題：div中顯示p文本/p，ff、oprea、Chrome：top和bottom都會出現(xiàn)空白行，但是在ie下不會出現(xiàn)空白行。 解決：:auto!important。_YCSS Hack的原理是什么由于不同的瀏覽器對CSS的支持及解析結(jié)果不一樣，還由于CSS中的優(yōu)先級的關(guān)系。0style type=text/css ! div { position:absolute。 } /style可以這樣定義： height:200px。 textalign:center。}*html left{ marginright:3px。 height: 0。}　　第一個minwidth是正常的。 height: auto。 //可以為內(nèi)嵌元素模擬為塊元素 display:inline。 //for ff+ width /**/:500px。解決辦法就是在子元素定義時候設(shè)定時再加上“MARGINRIGHT: auto。 } /* IE7 */　　那么在firefox下字體顏色顯示為333，IE6下字體顏色顯示為666，IE7下字體顏色顯示為999。 1). lineheight 設(shè)置為 當(dāng)前 div 相同的高度, 再通過 verticalalign: middle.( 注意內(nèi)容不要換行.)　　但是隨著CSS標(biāo)準(zhǔn)的進(jìn)一步完善，瀏覽器將最終都會遵循這個標(biāo)準(zhǔn)，到時候?qū)慏IV+CSS布局的頁 面就不那么麻煩了。, , {xxx:xxxx}的方式方便的整理出你要兼容的地方，而統(tǒng)一兼容。就是divulli的三角關(guān)系。/* */}} import ’’。}，其中l(wèi)iststyle:none是不讓li標(biāo)記的最前方顯示圓點(diǎn)或者數(shù)字等目錄類型的標(biāo)記，因為IE和 Firefox顯示出來默認(rèn)效果有些不一樣。不要你認(rèn)為發(fā)現(xiàn)了兼容的辦法，你就掌握了一切，我們并不是兼容的奴隸。這些過濾器有的是寫在 CSS中通過過濾器導(dǎo)入特別的樣式，也有的是寫在HTML中的通過條件來鏈接或是導(dǎo)入需要的補(bǔ)丁樣式。 具體嵌套寫法 遵循上面得嵌套方式，divulli/li/ul/div 然后在CSS 里面告訴 ul {Margin:0pxadding:0px。把需要兼容的地方單獨(dú)放到一個文件里面，當(dāng)瀏覽器版本符合的時候就可以調(diào)用那個被兼容的樣式，這樣不僅使用起來 非常方便，而且對于制作這個CSS本身來講，可以更嚴(yán)格的觀察到是否有必要使用兼容，很多情況下，當(dāng)我本人寫CSS如果把全部代碼包括兼容都寫到一個 CSS文件的時候的時候會很隨意，想怎么兼容就怎么兼容，而你獨(dú)立出來寫的時候，你就會不自覺的考慮是否有必要兼容，是先兼容 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運(yùn)行起來完美無缺是不是很羨慕？而他們看似復(fù)雜的模版下面使用的兼容 少得可憐。 只有Opera識別 media all and (minwidth: 0px){ select {……} } 針對Opera瀏覽器做單獨(dú)的設(shè)定。 clear:both。 voicefamily :}。 html/**/ body select {……} 這句與上一句的作用相同。}或者為DIV加上border屬性。頁面結(jié)構(gòu)盡量簡單。 width:800px。這種的最麻煩的 ……box:after{ content: “.”。但I(xiàn)E不認(rèn)得這個，而它實(shí)際上把 width當(dāng)做最小寬度來使。比如要設(shè)置背景圖片，這個寬度是比較重 要的。 //這種情況之下IE會產(chǎn)生200px的距離 display:inline。 就可以了。 MARGINLEFT: auto。 在IE7下，第三個屬性IE7不認(rèn)識，所以它讀第2個屬性，又因為第二個屬性覆蓋了第一個屬性，所以IE7最終讀出的是第2個屬性 *height:120px。 有一點(diǎn)邏輯思想的人都會知道可以用IE和FF的兼容結(jié)合起來使用，下面介紹三個兼容，例如：（適合新手，呵呵，高手就在這里路過吧。 } /* IE6 */ *html .submitbutton { margintop: 21px。} /* End hide from IE Mac */ /* end of clearfix */ /style***********************************************************************************************************************三、其他兼容技巧(相當(dāng)有用) 1, FF下給 div 設(shè)置 padding 后會導(dǎo)致 width 和 height 增加, 但I(xiàn)E不會.(可用!important解決) 2, 居中問題. 1). lineheight 設(shè)置為 當(dāng)前 div 相同的高度, 再通過 veticalalign: middle.( 注意內(nèi)容不要換行.) 2).水平居中. margin: 0 auto。} /* ie6 fixed */ *+html wrapper { width: 60px。 IE6 專用 _height: 100px。1. /*}　　備注：在B/S系統(tǒng)前端開時，有很多情況下我們又這種需求。這時候我們還需要在display:inline后面加入display:talbe。即使你的標(biāo)簽是空的，這個標(biāo)簽的高度還是會達(dá)到默認(rèn)的行高。這類開發(fā)人員往往經(jīng)常為兼容性問題所困。常見瀏覽器兼容性問題與解決方案　　所謂的瀏覽器兼容性問題，是指因為不同的瀏覽器對同一段代碼有不同的解析，造成頁面顯示效果不統(tǒng)一的情況。代碼為什么這么寫還不知所以然。出現(xiàn)這個問題的原因是IE8之前的瀏覽器都會給標(biāo)簽一個最小默認(rèn)的行高的高度。不過因為它本身就是行內(nèi)屬性標(biāo)簽，所以我們再加上display:inline的話，它的高寬就不可設(shè)了。 overflow:visible。如果我們熟悉標(biāo)簽的默認(rèn)屬性的話，就能很好的理解為什么會出現(xiàn)兼容問題以及怎么去解決這些兼容問題。_height:100px。在網(wǎng)站設(shè)計的時候，應(yīng)該注意css樣式兼容不同瀏覽器問題，特別是對完全使用DIV CSS設(shè)計的網(wǎng)，就應(yīng)該更注意IE6 IE7 FF對CSS樣式的兼容，不然，你的網(wǎng)亂可能出去不想出現(xiàn)的效果！所有瀏覽器 通用 height: 100px。 } /* FireFox */ *html wrapper { width: 80px。 } /* Hide from IE Mac \*/ .clearfix {display:block。 marginright: 12px。除了前面那片文章，《針對firefox ie6 ie7的css樣式》中的兼容方式也是很好用的。 下面我簡單解釋一下各瀏覽器怎樣理解這三個屬性： 在FF下，第3個屬性FF不認(rèn)識，所以它讀的是 height:100px。} center { MARGINRIGHT: auto。MARGINLEFT: auto。 margin:0 0 0 100px。這樣問題就大了，如果只用寬度和高度，正常的瀏覽器里 這兩個值就不會變，如果只用minwidth和minheight的話，IE下面根本等于沒有設(shè)置寬度和高度。} 6 頁面的最小寬度 minwidth是個非常方便的CSS命令，它可以指定元素最小也不能小于某個寬度，這樣就能保證排版一直正確。 } 或者加入:after（偽對象）,設(shè)置在對象后發(fā)生的內(nèi)容，通常和content配合使用，IE不支持此偽對象，非Ie 瀏覽器支持，所以并不影響到IE/WIN瀏覽器。DIV浮動IE文本產(chǎn)生3象素的bug 左邊對象浮動，右邊采用外補(bǔ)丁的左邊距來定位，右邊對象內(nèi)的文本會離左邊有3px的間距. box{ float:left。 解決辦法：對layout使用lineheight屬性 或者給layout使用固定高和寬。overflow:hidden。其它瀏覽器不識別。只有IE5不識別 盒模型解決方法 selct {width:。 height:0。只是目前Firefox并不支持。 /**/ 下面是IE的條件注釋，個人覺得用條件注釋調(diào)用相應(yīng) 兼容是比較完美的多瀏覽器兼容的解決辦法。但很多情況你來到下一行，間隙就沒了，但是前 面的內(nèi)容又空了很大一塊，出現(xiàn)這種情況雖然你可以改變IE的Margin，然后調(diào)整Firefox下面的Padding，以便使得兩者顯示起來得效果很相 似，但是你得CSS將變得臭長無比，你不得不多考慮更多可能出現(xiàn)這種問題補(bǔ)救措施，雖然你知道千篇一律來兼容它們，但是你會煩得要命。 以上都是寫CSS中的一些兼容，建議遵循正確的標(biāo)簽嵌套(div ul l