僅作為一個速查的工具使用烤咧。
13來源 http://www.css88.com/
<b>1.定位后奇數(shù)寬/高度BUG</b>
IE6下查看,卻變成了right:1px的效果了
<b>2.png透明圖</b>
-
IE5.5開始支持的屬性:AlphaImageLoader
img { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(...);}
img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(...)";
缺點:1.加載慢 2.表單無法獲得焦點/鏈接點不了 3.background-repeat/position 或者更復(fù)雜的裁剪等操作實現(xiàn)不了 ie7.js
https://code.google.com/archive/p/ie7-js/
一個谷歌出的兼容的js,只修復(fù) *-trans.png 格式的圖片belatedPNG 11年就停止維護了
http://www.dillerdesign.com/experiment/DD_belatedPNG/
- 我記得還有換圖片的龟糕,png-8和png-24。具體以后補充,忘了在哪里看到的宽档。
3.注釋
<div>abc</div>
<div></div>
由注釋造成文字溢出,屬于IE6的BUG庵朝,溢出文字的字數(shù)=注釋的條數(shù)*2-1吗冤,這里的字數(shù)在中文或英文數(shù)字時都成立。注釋坐在位置與溢出位置九府、區(qū)塊的浮動以及文字區(qū)塊的固定寬度有必然聯(lián)系椎瘟。
解決辦法:
1、不放置注釋侄旬。最簡單降传、最快捷的解決方法;
2勾怒、注釋不要放置于2個浮動的區(qū)塊之間婆排;
3声旺、將文字區(qū)塊包含在新的<div></div>之間
4、去除文字區(qū)塊的固定寬度段只,與3有相似之處腮猖;
5、在后面加一個<br />或者空格赞枕;(不推薦)
6澈缺、使用IE注釋格式,如:<!–[if !IE]>Put your commentary in here…<![endif]–>
7炕婶、給盒子加position:relative;屬性
<b>4.各種3px</b>
一般vertical-align:middle,overflow:hidden姐赡,dislpay:inline -3px,解決。
<b>5.一句話</b>
- 雙邊距BUG float引起的 使用display
- 超鏈接hover 點擊后失效 使用正確的書寫順序 link visited hover active
- z-index問題 給父級添加position:relative
- Png 透明 使用js代碼 改
- Min-height 最小高度 柠掂!Important 解決’
- select 在ie6下遮蓋 使用iframe嵌套
- 為什么沒有辦法定義1px左右的寬度容器(IE6默認的行高造成的项滑,使用over:hidden,zoom:0.08 line-height:1px)