【正文】 @media all and (minwidth: 0px){ select {……} }針對Opera瀏覽器做單獨(dú)的設(shè)定。以上都是寫CSS中的一些HACK，建議遵循正確的標(biāo)簽嵌套(div ul li 嵌套結(jié)構(gòu)關(guān)系)，這樣可以減少你使用Hack的頻率，不要進(jìn)入理解誤區(qū)，并不是一個頁面就需要很多的hack來保持多瀏覽器兼容)，很多情況下也許一個 Hack都不用也可以讓瀏覽器工作得非常好，這些都是用來解決局部的兼容性問題，如果希望把兼容性的內(nèi)容也分離出來，不妨試一下下面的幾種過濾器。這些過 濾器有的是寫在CSS中通過過濾器導(dǎo)入特別的樣式，也有的是寫在HTML中的通過條件來鏈接或是導(dǎo)入需要的補(bǔ)丁樣式。，@media tty {i{content:。/* */}} @import 39。39。 /*。}}/* */IE5/MAC的過濾器，一般用不著/**//*/@import 。/**/下面是IE的條件注釋，個人覺得用條件注釋調(diào)用相應(yīng) Hack是比較完美的多瀏覽器兼容的解決辦法。把需要hack的地方單獨(dú)放到一個文件里面，當(dāng)瀏覽器版本符合的時候就可以調(diào)用那個被Hack的樣式，這樣 不僅使用起來非常方便，而且對于制作這個CSS本身來講，可以更嚴(yán)格的觀察到是否有必要使用hack，很多情況下，當(dāng)我本人寫CSS如果把全部代碼包括 Hack都寫到一個CSS文件的時候的時候會很隨意，想怎么Hack就怎么Hack，而你獨(dú)立出來寫的時候，你就會不自覺的考慮是否有必要Hack，是先 Hack CSS？還是先把主CSS里面的東西調(diào)整到盡可能的不需要Hack？當(dāng)你僅用很少的Hack就讓很多瀏覽器很乖很聽話的時候，你是不是很有成就感呢？你知 道怎么選擇了吧～～呵呵IE的if條件Hack 自己可以靈活使用參看這篇IE條件注釋Only IE所有的IE可識別Only IE +僅IE6可識別Only IE 7/Only IE 7/僅IE7可識別Css 當(dāng)中有許多的東西不不按照某些規(guī)律來的話，會讓你很心煩，雖然你可以通過很多的hack，很多的!important 來控制它，但是你會發(fā)現(xiàn)長此以往你會很不甘心，看看許多優(yōu)秀的網(wǎng)站，他們的CSS讓IE6,Ie7,Firefox,甚至Safari,Opera運(yùn)行起 來完美無缺是不是很羨慕？而他們看似復(fù)雜的模版下面使用的Hack 少得可憐。其實(shí)你要知道IE 和 Firefox 并不不是那么的不和諧，我們找到一定的方法，是完全可以讓他們和諧共處的。不要你認(rèn)為發(fā)現(xiàn)了hack的辦法，你就掌握了一切，我們并不是Hack的奴隸。div ul li 的嵌套順序今天只講一個規(guī)則。就是divulli的三角關(guān)系。我的經(jīng)驗(yàn)就是div在最外 面，里面是ul，然后再是li，當(dāng)然li里面又可以嵌套div什么的，但是并不建議你 嵌套很多東西。當(dāng)你符合這樣的規(guī)則的時候，那些倒霉的，不聽話的間隙就不會在里面出現(xiàn)了，當(dāng)你僅僅是div里面放li， 而不用ul的時候，你會發(fā)現(xiàn)你的間隙十分難控制，一般情況下，IE6和IE7會憑空多一些間距。但很多情況你來到下一行，間隙就沒了，但 是前面的內(nèi)容又空了很大一塊，出現(xiàn)這種情況雖然你可以改變IE的Margin，然后調(diào)整Firefox下面的Padding，以便使得兩者顯示起來得效果 很相似，但是你得CSS將變得臭長無比，你不得不多考慮更多可能出現(xiàn)這種問題補(bǔ)救措施，雖然你知道千篇一律來Hack它們，但是你會煩得要命。具體嵌套寫法遵循上面得嵌套方式，divulli/li/ul /div 然后在CSS 里面告訴 ul {Margin:0px。Padding:0px。liststyle:none。}，其中l(wèi)iststyle:none是不讓li 標(biāo)記的最前方顯示圓點(diǎn)或者數(shù)字等目錄類型的標(biāo)記，因?yàn)镮E和Firefox顯示出來默認(rèn)效果有些不一樣。因此這樣不需要做任何手腳，你的IE和 IEFirefox顯示出來的東西(外距，間距，高度，寬度)就幾乎沒什么區(qū)別了，也許細(xì)心的你會在某一個時刻發(fā)現(xiàn)一、兩個象素的差別，但那已經(jīng)很完 美了，不需要你通過調(diào)整大片的CSS來控制它們的顯示了，你愿意，你可以僅僅hack一兩個地方，而且通常這種hack可以適應(yīng)各種地方，不需要你重復(fù)在 不同的地方調(diào)試不同的Hack方式–減輕你的煩惱。, , {xxx:xxxx}的方式方便的整理出你要hack的地方，而統(tǒng)一Hack。嘗試一下吧，再也不要亂嵌套了，雖然在Div+CSS的方式下你幾乎可以想 怎么嵌套就怎么嵌套，但是按照上面的規(guī)律你將輕松很多，從而事半功倍！script type=text/javascript /* **兼容IE,Firefox 遵循W3C標(biāo)準(zhǔn)寫法的圖片無縫滾動代碼（支持左移/右移功能）(本示例為上下兩行圖片進(jìn)行雙行滾動)powered by ** **實(shí)現(xiàn)思路：一個設(shè)定寬度并且隱藏超出它寬度的內(nèi)容的容器demo，里面放demo1和demo2，demo1是滾動內(nèi)容,demo2為demo1的直接克隆， **通過不斷改變demo1的scrollTop或者scrollLeft達(dá)到滾動的目的，當(dāng)滾動至demo1與demo2的交界處時直接跳回初始位置， **因?yàn)閐emo1與demo2一樣，所以分不出跳動的瞬間，從而達(dá)到“無縫”滾動的目的。 */ var speed1=0 //圖片左移的速度 var MyMar1 //setInterverval方法返回的間隔ID,些ID為全局的調(diào)用次數(shù)(用于第一行圖片) var MyMar2 //setInterverval方法返回的間隔ID,些ID為全局的調(diào)用次數(shù)(用于第二行圖片) var lefthit=0 //記錄左移按鈕點(diǎn)擊次數(shù) var righthit=0 ////記錄右移按鈕點(diǎn)擊次數(shù) //調(diào)用右移方法前,先讓左移停止（clearInterval清除setInterval對方法的調(diào)用） function clearleft(){ clearInterval(MyMar1) clearInterval(MyMar2) } //圖片左移的方法 function toleft(){ //判斷是否是第一次按下左移按鈕（圖片往左開始移動的時候，不會在調(diào)用此方法。只有當(dāng)按了右移按鈕時，才會把lefthit重設(shè)為0） if(lefthit==0){ speed1=30。//圖片左移速度時間毫秒 //讓的內(nèi)容demo2與demo1內(nèi)容一樣 (demo2).innerHTML=(demo1).innerHTML //上行圖片移動的方法 function Marquee1(){ //當(dāng)demo滾動至demo2的交界處。與就是與demo2重合時。offsetWidth與scrollLeft剛好相等 if((demo2).(demo).scrollLeft=0){ //demo跳回初始位置 (demo).scrollLeft=(demo1).offsetWidth } else{ //demo開始重新移動 (demo).scrollLeft++ } } //setInterval讓Marquee1方法每隔多少秒執(zhí)行一次，并把返回的調(diào)用次數(shù)ID MyMar1=setInterval(Marquee1,speed1) //當(dāng)鼠標(biāo)移動demo上面時。移到圖片時，第一行和第二行的圖片都會停止 (demo).onmouseover=function() {clearInterval(MyMar1)。clearInterval(MyMar2)} //當(dāng)鼠標(biāo)移除demo時,重新setInterval讓方法執(zhí)行，這樣圖片會繼續(xù)移動 (demo).onmouseout=function() {MyMar1=setInterval(Marquee1,speed1)。clearInterval(MyMar2)。MyMar2=setInterval(Marquee2,speed1)} //下面的方法與上面的方法一樣，用于第二行的圖片向左移動 (demo_c).innerHTML=(demo_b).innerHTML function Marquee2(){ if((demo_c).(demo_a).scrollLeft=0){ (demo_a).scrollLeft=(demo_b).offsetWidth} else{ (demo_a).scrollLeft++ } } MyMar2=setInterval(Marquee2,speed1) (demo_a).onmouseover=function() {clearInterval(MyMar2)。clearInterval(MyMar1)} (demo_a).onmouseout=function() {MyMar2=setInterval(Marquee2,speed1)。 (demo).onmouseout()} lefthit=1 //設(shè)置左移按鈕，當(dāng)按了一次左移后(不管按多少次)，在沒按右移按鈕之前，toleft方法里的的代碼不會再被執(zhí)行 righthit=0 //把右移按鈕設(shè)為0,這樣當(dāng)下次點(diǎn)了右移按鈕的時候，以便toright方法被調(diào)用 } } var MyMar3 //setInterverval方法返回的間隔ID,些ID為全局的調(diào)用次數(shù)(用于第一行圖片) var MyMar4 //setInterverval方法返回的間隔ID,些ID為全局的調(diào)用次數(shù)(用于第二行圖片) var speed2=0 //圖片右移的速度 //調(diào)用移左方法前,先讓右移停止（clearInterval清除setInterval對方法的調(diào)用） function clearright(){ clearInterval(MyMar3) clearInterval(MyMar4) } //圖片右移方法(與圖片左移方法思路一樣) function toright(){ //判斷是否是第一次按下右移按鈕（圖片往右開始移動的時候，不會在調(diào)用此方法。只有當(dāng)按了左移按鈕時，才會把righthit重設(shè)為0） if(righthit==0){ speed2=30。 (demo2).innerHTML=(demo1).innerHTML function Marquee_a(){ if((demo).scrollLeft=0){ (demo).scrollLeft=(demo2).offsetWidth } else{ (demo).scrollLeft } } MyMar3=setInterval(Marquee_a,speed2) (demo).onmouseover=function() {clearInterval(MyMar3)。(demo_a).onmouseover()} (demo).onmouseout=function() {MyMar3=setInterval(Marquee_a,speed2)。clearInterval(MyMar4)。MyMar4=setInterval(Marquee_b,speed2)} (demo_c).innerHTML=(demo_b).innerHTML function Marquee_b(){ if((demo_a).scrollLeft=0){ (demo_a).scrollLeft=(demo_c).offsetWidth } else{ (demo_a).scrollLeft } } MyMar4=setInterval(Marquee_b,speed2) (demo_a).onmouseover=function() {clearInterval(MyMar4)。clearInterval(MyMar3)} (demo_a).onmouseout=function() {MyMar4=setInterval(Marquee_b,speed2)。(demo).onmouseout()} righthit=1 //設(shè)置右移按鈕，當(dāng)按了一次右移按鈕后(不管按多少次)，在沒按左移按鈕之前，toright方法里的的代碼不會再被執(zhí)行 lefthit=0 //把左移按鈕設(shè)為0,這樣當(dāng)下次點(diǎn)了左移按鈕的時候，以便toleft方法被調(diào)用 } }/script