瀏覽器相容

1. 考慮受眾和成本，去判斷要不要進行瀏覽器相容。

2. 考慮瀏覽器要支援那些效果

3. **上：

css hack是通過在css樣式中加入一些特殊的符號，讓不同的瀏覽器識別不同的符號（什麼樣的瀏覽器識別什麼樣的符號是有標準的，css hack 就是讓你記住這個標準），以達到應用不同的 css 樣式的目的，比如 .kwstu，一般瀏覽器會先給元素使用 width:300px; 的樣式，緊接著後面還有個_width:200px; 由於下劃線 _width 只有 ie6 可以識別，所以此樣式在 ie6 中實際設定物件的寬度為200px，後面的把前面的給覆蓋了，而其他瀏覽器不識別 _width 不會執行 _width:200px; 這句樣式，所以在其他瀏覽器中設定物件的寬度就是 300px;

簡單地講， css hack 指各版本及各品牌瀏覽器之間對 css 解釋後出現網頁內容的誤差(比如我們常說錯位)的處理。由於各瀏覽器的核心不同，所以會造成一些誤差就像 js 一樣，乙個 js 網頁特效，在微軟 ie6、ie7、ie8 瀏覽器有效果，但可能在火狐（mozilla firefox）谷歌瀏覽器無效，這樣就叫做 js hack ，所以我們對於 css 來說他們來解決各瀏覽器對 css 解釋不同所採取的區別不同瀏覽器製作不同的 css 樣式的設定來解決這些問題就叫作 css hack。

css hack常見的有三種形式：css 屬性 hack、css 選擇符 hack 以及 ie 條件注釋 hack， hack 主要針對ie 瀏覽器。

1、屬性級 hack：比如 ie6 能識別下劃線_和星號*，ie7 能識別星號*，但不能識別下劃線_，而 firefox 兩個都不能認識。

2、選擇符級 hack：比如 ie6 能識別 *html .class{}，ie7能識別 *+html .class{} 或者 *:first-child+html .class{}。

3、ie 條件注釋 hack：ie條件注釋是微軟從 ie5 開始就提供的一種非標準邏輯語句。比如針對所有ie：，針對 ie6 及以下版本：，這類 hack 不僅對 css 生效，對寫在判斷語句裡面的所有**都會生效。

1, ff下給 div 設定 padding 後會導致 width 和 height 增加, 但 ie 不會.(可用 !important 解決)

2, 居中問題

①.垂直居中.將 line-height 設定為當前 div 相同的高度, 再通過 vertical-align: middle.( 注意內容不要換行.)

②.水平居中. margin: 0 auto;(當然不是萬能)

3, 若需給 a 標籤內內容加上樣式, 需要設定 display: block;(常見於導航標籤)

4, ff 和 ie 對 box 理解的差異導致相差 2px 的還有設為 float的div在ie下 margin加倍等問題

5, ul 標籤在 ff 下面預設有 list-style 和 padding . 最好事先宣告, 以避免不必要的麻煩. (常見於導航標籤和內容列表)

7, 關於手形游標. cursor: pointer. 而hand 只適用於 ie

瀏覽器相容

瀏覽器相容

瀏覽器相容

瀏覽器相容

相關推薦