原因：開啟除錯面板，你會發現 ie8 瀏覽器把 png 格式的 img 解析成了 span 標籤，導致圖無法顯
示。解決方案：在樣式裡面對 span 設定寬高和 display:inline-block;即可。
解決方案:可以用 opacity
opacity:0.7;/ff chrome safari opera/
filter:alpha(opacity:70);/用了 ie 濾鏡,可以相容 ie/
但是,需要注意的是,opacity 會影響裡面元素的透明度
當一些 css3 樣式語法還存在波動時，它們提供針對瀏覽器的字首。現在主要流行的瀏覽器核心主
要有：trident 核心：主要代表為 ie 瀏覽器
gecko 核心：主要代表為 firefox
presto 核心：主要代表為 opera
webkit 核心：產要代表為 chrome 和 safari
而這些不同核心的瀏覽器，css3 屬性（部分需要新增字首的屬性）對應需要新增不同的字首，也將
其稱之為瀏覽器的私有字首，新增上私有字首之後的 css3 屬性可以說是對應瀏覽器的私有屬性：
trident 核心：字首為-ms
gecko 核心：字首為-moz
presto 核心：字首為-o
webkit 核心：字首為-webkit
問題：**中許多集合類物件取用時使用()，ie 能接受，ff 不能
解決方法：
改用 作為下標運算，例：
document.getelementsbyname(「inputname」)(1) 改 為
document.getelementsbyname(「inputname」)[1]
問題：使用 window.event 無法在 ff 上執行
解決方法：
ff 的 event 只能在事件發生的現場使用，此問題暫無法解決。可以把 event 傳到函式裡變通
解決：onmousemove = 「functionname(event)」
function functionname (e)
問題：在 ie 中，html 物件的 id 可以作為 document 的下屬物件變數名直接使用，在 ff 中不能
解決方法：
使用物件變數時全部用標準的 getelementbyid(「idname」)
在 ff 中，自己定義的屬性必須 getattribute() 取得
在 ff 中沒有 parentelement，parement.children 而用 parentnode，parentnode.childnodes
問題：childnodes 的下標的含義在 ie 和 ff 中不同，ff 的 childnodes 中會插入空白文字節點
解決方法：
可以通過 node.getelementsbytagname_r() 來迴避這個問題
問題：當 html 中節點缺失時，ie 和 ff 對 parentnode 的解釋不同，例如：
ff 中 input.parentnode 的值為 form，而 ie 中 input.parentnode 的值為空節點
問題：ff 中節點自己沒有 removenode 方法
解決方法：
必須使用如下方法 node.parentnode.removechild(node)
問題：火狐(ff)沒有setcapture(),releasecapture()方法
解決方法：
ie：obj.setcapture();
obj.releasecapture()
ff：window.captureevents(event.mousemove|event.moouseup);
window.releaseevents(event.mousemove|event.mouseup)
PC端 移動端常見的相容性問題總結
移動端 安卓瀏覽器看背景，有些裝置會模糊，原因是手機的解析度太小 防止手機中頁面放大或縮小 在meta中設定viewport user scalable no 上下拉滾動條卡頓 overflow scrolling touch 禁止複製選中文字 user select none 長時間按住頁面出現閃...
常見移動端相容性問題
文章 1.ios移動端click事件300ms的延遲相應 移動裝置上的web網頁是有300ms延遲的，往往會造成按鈕點選延遲甚至是點選失效。這是由於區分單機事件和雙擊螢幕縮放的歷史原因造成的。解決方式 fastclick可以解決在手機上點選事件的300ms延遲 zepto的touch模組，tap事件...
常見相容性問題
png24位的在ie6瀏覽器上出現背景，解決方案是做成png8.也可以引用一段指令碼處理.瀏覽器預設的margin和padding不同。解決方案是加乙個全域性的 來統一。ie6雙邊距bug 塊屬性標籤float後，又有橫行的margin情況下，在ie6顯示margin比設定的大。浮動ie產生的雙倍距...