【正文】 clearInterval(MyMar4)。clearInterval(MyMar2)} //當鼠標移除demo時,重新setInterval讓方法執(zhí)行，這樣圖片會繼續(xù)移動 (demo).onmouseout=function() {MyMar1=setInterval(Marquee1,speed1)。, , {xxx:xxxx}的方式方便的整理出你要hack的地方，而統(tǒng)一Hack。我的經(jīng)驗就是div在最外 面，里面是ul，然后再是li，當然li里面又可以嵌套div什么的，但是并不建議你 嵌套很多東西。 /*。 }這個是在越出長度后會自行的截掉多出部分的文字，并以省略號結尾，很好的一個技術。 height:0。只有IE5不識別盒模型解決方法selct {width:。其它瀏覽器不識別。overflow:hidden。解決辦法：對layout使用lineheight屬性 或者給layout使用固定高和寬。}8 DIV浮動IE文本產(chǎn)生3象素的bug左邊對象浮動，右邊采用外補丁的左邊距來定位，右邊對象內的文本會離左邊有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。呵呵！最近微軟發(fā)布的IE7瀏覽器的兼容性確實給一些網(wǎng)頁制作人員添加了一個沉重的負擔，雖然IE7已經(jīng)走向標準化，但還是有許多和FF不同的地方，所 以需要用到IE7的HACK，有許多朋友問過IE7的HACK是什么，其實我也不知道。height: 57px。visibility:hidden。 /* IE7+FF */width: 80px。}}/* */IE5/MAC的過濾器，一般用不著/**//*/import 。只是目前Firefox并不支持。 clear:both。 voicefamily :}。html/**/ body select {……}這句與上一句的作用相同。}或者為DIV加上border屬性。頁面結構盡量簡單。width:800px。//將對象作為塊元素級的表格顯示}或者.hackbox{clear:both。 minheight: 35px。5 IE與寬度和高度的問題IE不認得min這個定義，但實際上它把正常的width和height當作有min的情況來使。 width:100px。 ”需要說明的是，如果你想用這個方法使整個頁面要居中，建議不要套在一個DIV里，你可以依次拆出多個div，只要在每個拆出的div里定義MARGINRIGHT: auto。2 css布局中的居中問題主要的樣式定義如下：body {TEXTALIGN: center。 _height:150px。暫時還沒找到IE7專用的HACK。 height: 200px。 IE6*/ _height:20px。/* ]] *//scrīpt?xml version= encoding=gb2312?!DOCTYPE html PUBLIC //W3C//DTD XHTML Strict//EN meta equiv=ContentType content=text/html。 strContent=(intLen,)。的方法來解決style type=text/css!div { width:300px。 我們都知道，瀏覽器在顯示網(wǎng)頁的時候，都會根據(jù)網(wǎng)頁的 css樣式表來決定如何顯示，但是我們在樣式表中未必會將所有的元素都進行了具體的描述，當然也沒有必要那么做，所以對于那些沒有描述的屬性，瀏覽器將采 用內置默認的方式來進行顯示，譬如文字，如果你沒有在css中指定顏色，那么瀏覽器將采用黑色或者系統(tǒng)顏色來顯示，div或者其他元素的背景，如果在 css中沒有被指定，瀏覽器則將其設置為白色或者透明，等等其他未定義的樣式均如此。 box{ width:600px。padding:0。 width:200px。 scrollbar3dlightcolor:eeeeee。 whitespace:nowrap。overflow:hidden。 } /* Hide from IE Mac */ .clearfix {display:block。 margin:5px auto。原因是NOTfloatC并非float標簽，必須將float標簽 閉合。 解決辦法：對layout使用lineheight屬性 或者給layout使用固定高和寬。 左邊對象浮動，右邊采用外補丁的左邊距來定位，右邊對象內的文本會離左邊有3px的間距. box{ float:left。 minwidth: 80px。 //實現(xiàn)同一行排列的效果 diplay:table。/*IE下再理解為5px*/} box{ float:left。 將行距增加到和整個DIV一樣高 lineheight:200px。 然后插入文字，就垂直居中了。 width:100px。 4 IE與寬度和高度的問題IE 不認得min這個定義，但實際上它把正常的width和height當作有min的情況來使。 minheight: 35px。 width:800px。頁面結構盡量簡單。在 div class=”floatB” div class=”NOTfloatC”之間加上 div class=”clear”這個div一定要注意位置，而且必須與兩個具有float屬性的div同級，之間不能存在嵌套關系，否則會 產(chǎn)生異常。} ③對于排版,我們用得最多的css描述可能就是float: div后面做一個統(tǒng)一的背景,譬如: div id=”page” div id=”left”/div div id=”center”/div div id=”right”/div /div 比 如我們要將page的背景設置成藍色,以達到所有三欄的背景顏色是藍色的目的,但是我們會發(fā)現(xiàn)隨著left center right的向下拉長,而 page居然保存高度不變,問題來了,原因在于page不是float屬性,而我們的page由于要居中,不能設置成float,所以我們應該這樣解 決 div id=”page” div id=”bg” style=”float:left。} /* End hide from IE Mac */ /* end of clearfix */ 或者這樣設置：.hackbox{ display:table。}或者為DIV加上border屬性。 textoverflow:ellipsis。 scrollbararrowcolor:000。 height:200px。}就能解決大部分問題 6. FORM標簽 這 個標簽在IE中,將會自動margin一些邊距,而在FF中margin則是0,因此,如果想顯示一致,所以最好在css中指定margin和 padding,針對上面兩個問題,我的css中一般首先都使用這樣的樣式ul,form{margin:0。 //for w\idth:500px。所以有很多東西出現(xiàn)FF和IE顯示不一樣的根本原因在于它們的默認顯 示不一樣，而這個默認樣式該如何顯示我知道在w3中有沒有對應的標準來進行規(guī)定，因此對于這點也就別去怪罪IE了。 wordwrap:breakword。 } strTemp+=amp。 charset=gb2312 /style type=text/css!div { cursor:pointer。 /*For IE6*/ 注意順序。 background: red。除了前面那片文章，《針對 firefox ie6 ie7的css樣式》中的hack方式也是很好用的。 下面我簡單解釋一下各瀏覽器怎樣理解這三個屬性：在FF下，第3個屬性FF不認識，所以它讀的是 height:100px。}center { MARGINRIGHT: auto。MARGINLEFT: auto。 margin:0 0 0 100px。這樣問題就大了，如果只用寬度和高度，正常的 瀏覽器里這兩個值就不會變，如果只用minwidth和minheight的話，IE下面根本等于沒有設置寬度和高度。}6 頁面的最小寬度minwidth是個非常方便的CSS命令，它可以指定元素最小也不能小于某個寬度，這樣就能保證排版一直正確。}或者加入:after（偽對象）,設置在對象后發(fā)生的內容，通常和content配合使用，IE不支持此偽對象，非Ie 瀏覽器支持，所以并不影響到IE/WIN瀏覽器。}left{float:left。11 高度不適應高度不適應是當內層對象的高度發(fā)生變化時外層高度不能自動進行調節(jié)，特別是當內層對象使用margin 或paddign 時。屏蔽IE瀏覽器（也就是IE下不顯示）*:lang(zh) select {font:12px !important。僅IE6不識別select { display /*IE6不識別*/:none。 voicefamily:inherit。 visibility:hidden。只有Opera識別media all and (minwidth: 0px){ select {……} }針對Opera瀏覽器做單獨的設定。/**/下面是IE的條件注釋，個人覺得用條件注釋調用相應 Hack是比較完美的多瀏覽器兼容的解決辦法。 /* IE6 */}/style2, IE6/IE77對FireFox from 針對firefox ie6 ie7的css樣式*+html 與 *html 是IE特有的標簽, firefox *+html 又為 IE7特有標簽.代碼:stylewrapper { width: 120px。}.clearfix {display:inlineblock。margintop: 24px。暫時還沒找到IE7專用的HACK。_height:150px。2 css布局中的居中問題主要的樣式定義如下：body {TEXTALIGN: center。 ”需要說明的是，如果你想用這個方法使整個頁面要居中，建議不要套在一個DIV里，你可以依次拆出多個div，只要在每個拆出的div里定義MARGINRIGHT: auto。 width:100px。5 IE與寬度和高度的問題IE不認得min這個定義，但實際上它把正常的width和height當作有min的情況來使。 minheight: 35px。//將對象作為塊元素級的表格顯示}或者.hackbox{clear:both。width:800px。頁面結構盡量簡單。}或者為DIV加上border屬性。html/**/ body select {……}這句與上一句的作用相同。 voicefamily :}。 clear:both。只是目前Firefox并不支持。}}/* */IE5/MAC的過濾器，一般用不著/**//*/import 。當你符合這樣的規(guī)則的時候，那些倒霉的，不聽話的間隙就不會在里面出現(xiàn)了，當你僅僅是div里面放li， 而不用ul的時候，你會發(fā)現(xiàn)你的間隙十分難控制，一般情況下，IE6和IE7會憑空多一些間距。嘗試一下吧，再也不要亂嵌套了，雖然在Div+CSS的方式下你幾乎可以想 怎么嵌套就怎么嵌套，但是按照上面的規(guī)律你將輕松很多，從而事半功倍！script type=text/javascript /* **兼容IE,Firefox 遵循W3C標準寫法的圖片無縫滾動代碼（支持左移/右移功能）(本示例為上下兩行圖片進行雙行滾動)powered by ** **實現(xiàn)思路：一個設定寬度并且隱藏超出它寬度的內容的容器demo，里面放demo1和demo2，demo1是滾動內容,demo2為demo1的直接克隆， **通過不斷改變demo1的scrollTop或者scrollLeft達到滾動的目的，當滾動至demo1與demo2的交界處時直接跳回初始位置， **因為demo1與demo2一樣，所以分不出跳動的瞬間，從而