CSS hack 是一種在不同瀏覽器上應用不同的樣式規則的方法。以下是一些常見的 CSS hack 方式:
-webkit-border-radius: 10px; /* Chrome, Safari, Opera */
-moz-border-radius: 10px; /* Firefox */
border-radius: 10px; /* 標準語法 */
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="ie8.css">
<![endif]-->
/* 僅在 IE6 上應用樣式 */
* html #element {
property: value;
}
/* 僅在 IE7 上應用樣式 */
*:first-child+html #element {
property: value;
}
/* 僅在 IE7-IE8 上應用樣式 */
@media \0screen\,screen\9 {
#element {
property: value;
}
}
/* 僅在 IE6-IE8 上應用樣式 */
@media screen\9 {
#element {
property: value;
}
}
/* 僅在 IE6 上應用樣式 */
#element {
_property: value;
}
/* 僅在 IE6-IE7 上應用樣式 */
#element {
*property: value;
}
/* 僅在 IE7-IE8 上應用樣式 */
#element {
*+property: value;
}
/* 僅在 IE8 上應用樣式 */
#element {
property: value\0/;
}
需要注意的是,CSS hack 是一種常見的做法,但并不推薦使用。盡量使用標準的 CSS 方法編寫兼容性樣式,并通過現代的瀏覽器支持來解決兼容性問題。