各個瀏覽器之間的相容性問題，同樣的html5和css5樣式，但是瀏覽器表現的效果不一樣。 一，什麼相容性問題，不正常的原因是什麼？，應該怎麼樣讓瀏覽器顯示正常。 二，為什麼瀏覽器會存在相容性的問題？ 1，同乙個瀏覽器，版本越老存在的bug越多，越新的版本，對新標籤和新的屬性，新的特性支援越少。 2，不同的瀏覽器，核心技術不一樣，標準不同，實現的方式也有差異，最終的效果也有差異。 三，處理相容性問題的思路 one，要不要做？ 1，從產品的角度，(產品的受歡迎程度，受歡迎瀏覽器的比例，效果優先還是基本功能優先？) 2，成本的角度，(有沒有必要做一些功能？) two，做到什麼程度？ 1，讓那些瀏覽器支援那些效果？ three，如何做？ 1，根據相容需求選擇技術框架，(jquery)等。 2，根據相容需求選擇相容工具：html5shiv，respond.js，css reset，normalize.css，modernizr.js，postcss， 3，條件注釋，css hack，js能力檢測做一些修補。 四，漸進增強和優雅降級 1，漸進增強：針對低版本的瀏覽器構建頁面，保證基本功能，對高版本的瀏覽器，進行效果互動，和追加功能達到最好的使用者體驗。 2，優雅降級：一開始就構造完整的功能，然後對低版本的瀏覽器進行相容處理。 。。。。。。 具體方法如下： 1，ie條件注釋 (conditional comment) 是於html原始碼中被ie有條件解釋的語句。條件注釋可被用來向ie提供及隱藏**，注意：只有ie9以下的瀏覽器才能識別這種語法，其他瀏覽器僅僅認為是普通注釋。
使用了條件注釋的頁面在ie9 及以前 中可正常工作，但在ie10 以後不再支援。 。。。。。。 2，css hack是利用瀏覽器遺留 bug 的原理來識別舊的瀏覽器。 .box 以下是一些常見屬性的相容情況 inline-block: >=ie8 min-width/min-height: >=ie7 :before，:after: >=ie8 div:hover: >=ie7 inline-block: >=ie8 background-size: >=ie9 圓角: >= ie9 陰影: >= ie9 動畫/漸變: >= ie10 一些相容寫法範例： .clearfix:after .clearfix .target
。。。。。。 ⑴可以針對不同的瀏覽器寫css，針對不同的瀏覽器寫不同的css **的過程，就叫css hack css hack的原理是什麼？由於不同的瀏覽器對css的支援及解析結果不一樣，還由於css中的優先順序的關係。我們就可以根據這個來針對不同的瀏覽器來寫不同的css。 比如 ie6能識別下劃線」_」和星號」 * 「，ie7能識別星號」 * 「，當不能識別下劃線」_」，而firefox兩個都不能認識。等等 舉個例子吧，設定背景顏色的**，區別ff，ie7，ie6：background:orange，*background:green !important，*background:blue; 注：ie都能識別*，標準瀏覽器(如ff)不能識別*； ie6能識別*，但不能識別 !important, ie7能識別*，也能識別!important; ff不能識別*，但能識別!important; 所以，firefox中是橙色，ie7是綠色，ie6中是藍色。 最後說一句，瀏覽器優先級別：ff
瀏覽器相容問題
我經常看到一些人提問說網頁錯位，和在火狐裡面看上去網頁是好的，在ie在錯位了.在web 下html css裡全看一些關於這些問題.還有有ul li什麼調整不好的.等等 全可以用css hack 解決的.解決方法 用positon relative 然後 top 0px left 0px 上面的top...
瀏覽器相容問題
給近兩天的工作乙個總結，給這週劃上句號。工作中遇到了在google顯示的很好的介面，在ie顯示的不是很好，但還能看，僅僅是顏色和和位置錯位，在360瀏覽器下看就是真的錯誤太大了，不顯示，樣式也亂了，於是走上解決瀏覽器相容之路。思路1 對應每個瀏覽器寫個css，判斷之，工作量太大，放棄。思路2 針對每...
瀏覽器相容問題
所謂的瀏覽器相容性問題，是指因為不同的瀏覽器對同 段 有不同的解析，造成 顯 效果不統 的情況。在 多 數情況下，我們的需求是，論 戶 什麼瀏覽器來檢視我們的 站或者登陸我們的系統，都應該是統 的顯 效果。所 以瀏覽器的相容性問題是前端開發 員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前，我...