【正文】 達(dá)到“無縫”滾動的目的。clearInterval(MyMar2)。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)。(demo_a).onmouseover()} (demo).onmouseout=function() {MyMar3=setInterval(Marquee_a,speed2)。移到圖片時，第一行和第二行的圖片都會停止 (demo).onmouseover=function() {clearInterval(MyMar1)。因此這樣不需要做任何手腳，你的IE和 IEFirefox顯示出來的東西(外距，間距，高度，寬度)就幾乎沒什么區(qū)別了，也許細(xì)心的你會在某一個時刻發(fā)現(xiàn)一、兩個象素的差別，但那已經(jīng)很完 美了，不需要你通過調(diào)整大片的CSS來控制它們的顯示了，你愿意，你可以僅僅hack一兩個地方，而且通常這種hack可以適應(yīng)各種地方，不需要你重復(fù)在 不同的地方調(diào)試不同的Hack方式–減輕你的煩惱。就是divulli的三角關(guān)系。39。 overflow:hidden。 display:block。}這一句是在上一句中去掉了屬性區(qū)的注釋。IE6及IE6以下識別_html {…}。 }解決方法：在P對象上下各加2個空的div對象CSS代碼：.1{height:0px。有些內(nèi)容顯示不出來，當(dāng)鼠標(biāo)選擇這個區(qū)域是發(fā)現(xiàn)內(nèi)容確實在頁面。visibility: hidden。它實際上通過Javascript的判斷來實現(xiàn)最小寬度。 height: auto。 //可以為內(nèi)嵌元素模擬為塊元素 display:inline。//for ff+width /**/:500px。解決辦法就是在子元素定義時候設(shè)定時再加上“MARGINRIGHT: auto。 } /* IE6 */*+html 1 { color: 999。介紹完了這三個HACK了，下面我們再來看看如何在一個樣式里分別給一個屬性定義IE6 IE7 FF專用的HACK，看下面的代碼，順序不能錯哦：程序代碼height:100px。這下就和諧了。width: 40px。clear:both。一、CSS HACK以下兩種方法幾乎能解決現(xiàn)今所有HACK.1, !important (不是很推薦，用下面的一種感覺最安全)隨著IE7對!important的支持, !important 方法現(xiàn)在只針對IE6的HACK.(.)代碼:stylewrapper {width: 100px!important。 /*。 }這個是在越出長度后會自行的截掉多出部分的文字，并以省略號結(jié)尾，很好的一個技術(shù)。 height:0。只有IE5不識別盒模型解決方法selct {width:。其它瀏覽器不識別。overflow:hidden。解決辦法：對layout使用lineheight屬性 或者給layout使用固定高和寬。}8 DIV浮動IE文本產(chǎn)生3象素的bug左邊對象浮動，右邊采用外補(bǔ)丁的左邊距來定位，右邊對象內(nèi)的文本會離左邊有3px的間距.box{float:left。7 清除浮動.hackbox{display:table。 minwidth: 80px。 //實現(xiàn)同一行排列的的效果 diplay:table。//for }4 浮動ie產(chǎn)生的雙倍距離box{ float:left。MARGINLEFT: auto。 } /* IE7 */那么在firefox下字體顏色顯示為333，IE6下字體顏色顯示為666，IE7下字體顏色顯示為999。 通用*height:120px。呵 呵！powered by 最近微軟發(fā)布的IE7瀏覽器的兼容性確實給一些網(wǎng)頁制作人員添加了一個沉重的負(fù)擔(dān)，雖然IE7已經(jīng)走向標(biāo)準(zhǔn)化，但還是有許多和FF不同的地方，所 以需要用到IE7的HACK，有許多朋友問過IE7的HACK是什么，其實我也不知道。. 新建一個css樣式如下： item { width: 200px。 /*For IE7 amp。 !) toBreakWord(ff, 37)。10。10。 /* Style for IE */} 值得注意的是，一定要將xxxx !important 這句放置在另一句之上，上面已經(jīng)提過 ,FF的默認(rèn)值問題 或 許你一直在抱怨為什么要專門為IE和FF寫不同的CSS，為什么IE這樣讓人頭疼，然后一邊寫css，一邊咒罵那個可惡的M$ 準(zhǔn)支持方面，IE并沒有我們想象的那么可惡，關(guān)鍵在于IE和FF的默認(rèn)值不一樣而已，掌握了這個技巧，你會發(fā)現(xiàn)寫出兼容FF和IE的css并不是那么困 難，或許對于簡單的css，你完全可以不用”!important”這個東西了。margin:28px}重復(fù)定義的話按照最后一個來執(zhí)行，所以不可以只寫margin:xx px!important。被點擊訪問過的超鏈接樣式不在具有hover和active了,很多人應(yīng)該都遇到過這個問題,解決方法是改變CSS屬性的排列順序: LVHACode:style type=text/css!a:link {}a:visited {}a:hover {}a:active {}/style 4. 游標(biāo)手指cursor cursor: pointer 可以同時在 IE FF 中顯示游標(biāo)手指狀， hand 僅 IE 可以 ul標(biāo)簽在FF中默認(rèn)是有padding值的,而在IE中只有margin默認(rèn)有值,所以先定義 ul{margin:0。 margin:100px 0 0 100px。 scrollbarshadowcolor:eeeeee。}/style,比如 div id=aa 不容許重復(fù)2次,而class 定義的是類,理論上可以無限重復(fù), 這樣需要多次引用的定義便可以使用他.ID 的優(yōu)先級要高于class,看上面的例子,如果在頁面中要對某個對象進(jìn)行腳本操作,那么可以給他定義一個ID,否則只能利用遍歷頁面元素加上指定特定屬性來找到它,這是相對浪費時間資源,遠(yuǎn)遠(yuǎn)不如一個ID來得簡單.15. LI中內(nèi)容超過長度后以省略號顯示的方法此方法適用與IE與OP瀏覽器style type=text/css!li { width:200px。 } div id=box pp對象中的內(nèi)容/p /div 解決方法：在P對象上下各加2個空的div對象CSS代碼：.1{height:0px。 } .clearfix { display:inlineblock。 zoom:1。) 這段代碼在IE中毫無問題，問題出在FF。 有些內(nèi)容顯示不出來，當(dāng)鼠標(biāo)選擇這個區(qū)域是發(fā)現(xiàn)內(nèi)容確實在頁面。它實際上通過Javascript的判斷來實現(xiàn)最小寬度。 height: auto。 //可以為內(nèi)嵌元素模擬為塊元素 display:inline。/*IE下理解為10px*/ display:inline。 前端CSS技巧verticalalign:middle。缺點是要控制內(nèi)容不要換行 powered by 2. margin加倍的問題 設(shè)置為float的div在ie下設(shè)置的margin會加倍。 margin:0 0 0 100px。這樣問題就大了，如果只用寬度和高度，正常的瀏覽器里這兩 個值就不會變，如果只用minwidth和minheight的話，IE下面根本等于沒有設(shè)置寬度和高度。} min width是個非常方便的CSS命令，它可以指定元素最小也不能小于某個寬度，這樣就能保證排版一直正確。} left{ float:left。 。 并且將clear這種樣式定義為為如下即可： .clear{ clear:both。width:100%” div id=”left”/div div id=”center”/div div id=”right”/div /div /div 再嵌入一個float left而寬度是100%的DIV解決之 ④萬能float 閉合(非常重要!) 關(guān) 于 clear float 的原理可參見 [How To Clear Floats Without Structural Markup],將以下 代碼加入Global CSS 中,給需要閉合的div加上 class=clearfix 即可,屢試不爽. /* Clear Fix */ .clearfix:after { content:.。 //將對象作為塊元素級的表格顯示} 高度不適應(yīng)是當(dāng)內(nèi)層對象的高度發(fā)生變化時外層高度不能自動進(jìn)行調(diào)節(jié)，特別是當(dāng)內(nèi)層對象使用margin 或paddign 時。12 .IE6下為什么圖片下有空隙產(chǎn)生解 決這個BUG的方法也有很多,可以是改變html的排版,或者設(shè)置img 為display:block 或者設(shè)置verticalalign 屬性為 verticalalign:top | bottom |middle |textbottom 都可以解決.加上 verticalalign:middle。 otextoverflow:ellipsis。 scrollbartrackcolor:fff。 border:1px solid red。padding:0。 //for ff+} box{ width:600px!important //for ff width:600px。標(biāo)準(zhǔn)瀏覽器中固定高度值的容器是不會象IE6里那樣被撐開的,那我又想固定高度,又想能被撐開需要怎樣設(shè)置呢？辦法就是去掉height設(shè)置minheight:200px。 border:1px solid red。10。 width:200px。 這樣也屬于CSS HACK，不過沒有上面這樣簡潔。 } 新建一個div,并使用前面定義的css的樣式： div id=itemsome text here/div 在body表現(xiàn)這里加入lang屬性,中文為zh： body lang=en 現(xiàn)在對div元素再定義一個樣式： *:lang(en) item{ background:green !important。有一點邏輯思想的人都會知道可以用IE和FF的HACK結(jié)合起來使用，下面介紹三個HACK，例如：（適合新手，呵呵，高手就在這里路過吧。在IE7下，第三個屬性IE7不認(rèn)識，所以它讀第2個屬性，又因為第二個屬性覆蓋了第一個屬性，所以IE7最終讀出的是第2個屬性 *height:120px。 MARGINLEFT: auto。 就可以了。 //這種情況之下IE會產(chǎn)生200px的距離 display:inline。比如要設(shè)置背景圖片，這個寬度 是比較重要的。但I(xiàn)E不認(rèn)得這個，而它實際上 把 width當(dāng)做最小寬度來使。這種的最麻煩的……box:after{content: “.”。width:50%。例：div id=”box”pp對象中的內(nèi)容/p/divCSS：box {backgroundcolor:eee。} /*FF,OP可見*/select:empty {font:12px !important。}這里主要是通過CSS注釋分開一個屬性與值，流釋在冒號前。 width:正確寬度。}在Firefox中，當(dāng)子級都為浮動時，那么父級的高度就無法完全的包住整個子級，那么這時用這個清除浮動的HACK來對父級做一次定義，那么就可以解決這個問題 。以上都是寫CSS中的一些HACK，建議遵循正確的標(biāo)簽嵌套(div ul li 嵌套結(jié)構(gòu)關(guān)系)，這樣可以減少你使用Hack的頻率，不要進(jìn)入理解誤區(qū)，并不是一個頁面就需要很多的hack來保持多瀏覽器兼容)，很多情況下也許一個 Hack都不用也可以讓瀏覽器工作得非常好，