CSS3是一種強大的樣式技術，其中包含許多新特性，例如：動畫、漸變和陰影等等。在其中，徑向漸變是一個非常有用的工具，可以為網頁添加美觀而現代的外觀。

然而，由于徑向漸變是較新的CSS3特性，因此不是所有的瀏覽器都支持此特性。如果你的網站需要向下兼容舊的瀏覽器，你就需要知道如何在代碼中實現徑向漸變的兼容性。

/* 代碼清單1：無兼容性的徑向漸變 */
.gradient {
background: radial-gradient(circle, #ff0, #f00);
}
/* 代碼清單2：包含兼容性的徑向漸變 */
.gradient {
background: -webkit-radial-gradient(center, ellipse cover, #ff0, #f00);
background: -moz-radial-gradient(center, ellipse cover, #ff0, #f00);
background: -o-radial-gradient(center, ellipse cover, #ff0, #f00);
background: radial-gradient(center, ellipse cover, #ff0, #f00);
}

如你所見，代碼清單1是一個徑向漸變，但只能在支持CSS3的瀏覽器中顯示。要保證在舊的瀏覽器中也能正常顯示，你需要使用代碼清單2，并添加瀏覽器廠商前綴，這樣在適用的情況下就可以覆蓋到所有的瀏覽器。

總之，通過為徑向漸變添加瀏覽器廠商前綴，你可以確保在不同的瀏覽器上都可以看到你的設計。對于支持CSS3，你可以使用代碼清單1，而對于不支持的瀏覽器，你可以使用代碼清單2。現在，你可以放心地設計你的網站背景并為網站增添新的元素。