今天下午一直在調試IE6.0的bug碰 到了雙margin的問題
IE8下正常 IE6下就不正常了。
解決方法是:在那個浮動的塊屬性中加一句css命令 display:inline;
2、button按鈕的背景問題。
background:url(all_png)left -675px no-repeat;這句CSS在IE6下不起作用。原因是left那兒沒有空格,它不能挨着括號:
background:url(all_png) left -675px no-repeat;
3、兩個內聯元素的,後面那個右浮動,會到下面一行來。<span>1</span><span class="r2">2</span>
顯示:12
如果.r2{float:right}
會這樣顯示:
1
2
內聯本來是在一行的,可是float:right後,就跑到下面一行了。
解決辦法:1、將float right的元素放到不浮動的元素前面即:
<span class="r2">2</span><span>1</span> 這樣右浮也會在一行。
2、給IE6一個特定的CSS hack ,給margin-top一個負值。這個負值是包含它的元素的高度, 這樣處理:_margin-top:-25px
4、ie6下的png背景圖片,透明的方法;
將的png處理成8位的就OK了。用PS發佈成web格式的圖片,png-8就行了。