**相容：ie7及以上，360瀏覽器，搜狗瀏覽器，谷歌，火狐，歐朋等等。
一．需要注意的地方：
1.寫好標準頭：
2.首先引入初始化css,保證消除不同瀏覽器的細微差別。
二．針對ie低版本瀏覽器及其他
css hack大致有3種表現形式，css屬性字首法、選擇器字首法以及ie條件注釋法（即html頭部引用if ie）hack，實際專案中css hack大部分是針對ie瀏覽器不同版本之間的表現差異而引入的。
（1）字首
當一些css3樣式語法還存在波動時，它們提供針對瀏覽器的字首。現在主要流行的瀏覽器核心主要有：
trident核心：主要代表為ie瀏覽器
gecko核心：主要代表為firefox
presto核心：主要代表為opera
webkit核心：產要代表為chrome和safari
而這些不同核心的瀏覽器，css3屬性（部分需要新增字首的屬性）對應需要新增不同的字首，也將其稱之為瀏覽器的私有字首，新增上私有字首之後的css3屬性可以說是對應瀏覽器的私有屬性：
trident核心：字首為-ms
gecko核心：字首為-moz
presto核心：字首為-o
webkit核心：字首為-webkit
例如：.box
（2）css hack
1.ie6：_
2.ie6/7：*
3.ie7/firefox：!important
4.ie7：+
5.ie6/7/8：\9
6.ie8：\0
例如：.hack
2.不同瀏覽器的標籤預設的外補丁和內補丁不同
問題症狀：隨便寫幾個標籤，不加樣式控制的情況下，各自的margin 和padding差異較大。
解決方案：css裡
備註：這個是最常見的也是最易解決的乙個瀏覽器相容性問題，幾乎所有的css檔案開頭都會用萬用字元來設定各個標籤的內外補丁是0。
3.設定較小高度標籤（一般小於10px），在ie6，ie7，遨遊中高度超出自己設定高度
問題症狀：ie6、7和遨遊裡這個標籤的高度不受控制，超出自己設定的高度
解決方案：給超出高度的標籤設定overflow:hidden;或者設定行高line-height 小於你設定的高度。
備註：這種情況一般出現在我們設定小圓角背景的標籤裡。出現這個問題的原因是ie8之前的瀏覽器都會給標籤乙個最小預設的行高的高度。即使你的標籤是空的，這個標籤的高度還是會達到預設的行高。
4.預設有間距
問題症狀：幾個img標籤放在一起的時候，有些瀏覽器會有預設的間距，加了問題一中提到的萬用字元也不起作用。
解決方案：使用float屬性為img布局
備註：因為img標籤是行內屬性標籤，所以只要不超出容器寬度，img標籤都會排在一行裡，但是部分瀏覽器的img標籤之間會有個間距。去掉這個間距使用float是正道。
5.ie中用浮動 margin會產生雙倍距離
#box
6.文字陰影（css3）
.text
7.box陰影(css3)
.box
8.margin不一致的問題：
當有多張需要排在一行時，我們通常使用「float：left」來實現，這樣一來，瀏覽器就存在相容性問題。導致與後面的內容存在margin不一致的問題。對此一種解決方法就是給新增「display：inline」項即可
瀏覽器相容性問題
苦惱的區別 1.image repeat 在火狐裡比較正常，可是在ie中一直repeat.背景是乙個關閉的x號，div設定的backgourn image url xx 結果在ie中卻不行，最後找到原因是ie中要顯式的寫上image repeat norepeat這屬性，還有好多的差異，明天 去了 ...
瀏覽器相容性問題
瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤，不加樣式控制的情況下，各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題，幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...
瀏覽器相容性問題
解決方案 應該用ie8相容模式瀏覽網頁,而不應該用ie9或ie10渲染模式.很多使用者安裝ie10後發生很多網頁顯示錯亂,就是相容性的原因,因為ie10預設的渲染模式是ie10.此時應該將其改為ie7渲染模式。為什麼用ie6 7渲染模式的原因如下 中國所有網頁肯定都支援ie,支援ie就是支援ie核心...