css 對應瀏覽器的語法

版主: shiauuen

css 對應瀏覽器的語法

文章shiauuen 發表於 2008年 6月 18日, 16:13

css 語法可以針對不同瀏覽器對 CSS 支援程度,分別製作不同的 css 效果,這類處理方式為 css hacks (css 區隔設計) 或 css filters。

css 對應瀏覽器的語法如下:

ie 6 及更舊版 ie
代碼: 選擇全部
* html selector { }

僅 ie 7
代碼: 選擇全部
*:first-child+html selector { }

ie 7 及更舊版 ie
代碼: 選擇全部
*:first-child+html selector { }


代碼: 選擇全部
* html selector { }

ie 7 及其它先進瀏覽器 (firefox, opera, safari, …)
代碼: 選擇全部
html>body selector { }

或可簡化為
代碼: 選擇全部
*>selector { }

除了 ie 7 及更舊版 ie 以外的瀏覽器
代碼: 選擇全部
html>/**/body selector { }

Opera 9.x 及更舊版 Opera
代碼: 選擇全部
html:first-child selector { }
shiauuen
 
文章: 5
註冊時間: 2008年 4月 1日, 10:00

回到 CSS

誰在線上

正在瀏覽這個版面的使用者: 沒有註冊會員 和 1 位訪客