CSS選擇器的相容性

2022-03-10 03:37:07 字數 991 閱讀 9812

:hover 在ie6中只有a元素可用。

e:empty 貌似在webkit核心瀏覽器中有些小bug。

如果這個bug依然存在,不太確定如何測試。

ie6不支援.class1{}.class2{}雙類選擇器。

ie8注意事項:

e[attr]選擇器在值為空的時候或者寫錯的時候,將不會生效;

ie8支援css2.1的所有屬性,支援偽類,但是不支援偽元素。

ie8中的ie7相容模式

e[attr] 和ie8一樣,值為空或寫錯的時候,無效;

e[attr~=val]這裡唯一需要注意的是,屬性的值,區分大小寫;

e[attr|=val]ie7有一些大小寫敏感的問題,但是通常可以正常使用;

:first-child ie7 會將乙個注釋或者文字節點當成first-child,而不是只有元素才是「子」元素。所以,如果在第乙個子元素前有注釋或文字,ie7會匹配之而不是去匹配第乙個子元素。

safari/chrome

safari3.2(事實上可以追溯到3.1)以上的版本已經完全的支援所有css選擇器了。

safari3.0基本上對css 2的選擇器支援很好,但不支援css3大部分新增的選擇器,而且對屬性選擇器的支援不是很完整。

iphone中的safari有3.0和3.2兩個版本,對css的支援情況與pc/mac版的支援情況一致。

android系統自帶的瀏覽器基本上也是基於webkit核心的,其對於css選擇器的支援情況待測。

CSS 瀏覽器相容性

1.不同瀏覽器的標籤預設的margin和padding不同 解決方案 所以需要有自己的格式化樣式 margin 0 padding 0 2.塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比設定的大 解決方案 在float的標籤樣式控制中加入 display inlin...

CSS相容性總結

一.針對ie6的 important 必須寫在前面,例如 background 9c6 important background 999 二.css hack ie6 專用 height 100px ie7 專用 height 100px ie6 ie7 共用 height 100px ie7 ff...

CSS相容性彙總

css屬性hack 把屬性hack分為 字首屬性hack和 字尾屬性hack css屬性hack 字首 針對的瀏覽器 color red ie6及其以下的版本 color red 或者 color red ie7及其以下的版本 css屬性hack 字尾 針對的瀏覽器 color red 9 ie6 ...