« 瀏覽器的噩夢 | Home | position:fixed問題 »
IE-only CSS 設計法
By admin | 1月 11, 2010
很多時候由於瀏覽器版本的問題而造成諸多不便,如果我們要針對不同的瀏覽器做CSS設計,可以用以下的方法:
只針對 IE 系列的瀏覽器
只針對非 IE 系列的瀏覽器
只針對 IE-7 的瀏覽器
只針對 IE-6 的瀏覽器
只針對 IE-5 的瀏覽器
只針對 IE-5.5 的瀏覽器
只針對 IE-6 以下的瀏覽器
若是要在CSS針對不同版本的IE做設計則方式如下:
只針對 IE-7:
html #div {
*height: 300px;
}
只針對 IE-6:
#div {
_height: 300px;
}
不要影響到 IE 6 以下的版本:
#div {
height/**/: 300px;
}
不要影響到 IE 6 以下的版本(方法二)
html > body #div {
height: 300px;
}
參考資料:
1. how-to-create-an-ie-only-stylesheet
2. ie-css-bugs-thatll-get-you-every-time/
Topics: CSS, 網頁結構, 格式相關語言 | No Comments »
Comments
You must be logged in to post a comment.