在許多年前，一些較老的瀏覽器版本不支持 CSS3，造成了許多前端開發者的困擾。此類瀏覽器包括 Internet Explorer 6 - 8，Firefox 3.6及之前版本，以及早期版本的 Safari 和 Chrome。

對于那些使用不支持 CSS3 的瀏覽器訪問網站的用戶，可能會看到一些設計上的差異。例如，盒陰影、圓角、漸變、動畫效果等 CSS3 特性都可能無法被呈現。

要解決這個問題，開發者通常需要編寫針對舊瀏覽器的特定 CSS 代碼，并在瀏覽器版本檢測到用戶正在使用不支持 CSS3 的瀏覽器時特別引用。

/* 對 IE 6 - 8 特定樣式 */
@media screen and (min-width:0\0) {
body {
font-size:14px;
}
}
/* 對 Firefox 3.6 及以下版本特定樣式 */
@-moz-document url-prefix() {
.box {
background-color:#ddd;
}
}
/* 對 Safari / Chrome 特定樣式 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.btn {
text-shadow:none;
}
}

今天，隨著更多的用戶使用最新版本的瀏覽器，大多數網站已經不需要在 CSS 代碼中加入這些特定樣式了。但是，在考慮舊版瀏覽器兼容性時，仍需謹慎對待。