今天下午調試了一下IE6.0的bug

今天下午一直在調試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就行了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章