CSS3徑向漸變在現(xiàn)代web設(shè)計中經(jīng)常被使用，可以很好地實現(xiàn)按鈕的漸變效果、背景漸變等功能。然而，這個特性在IE9之前并不被支持。本文就來介紹如何在IE9中實現(xiàn)CSS3徑向漸變。

首先，在標(biāo)簽中加入下面的代碼：

<!--[if IE 9]
<link rel="stylesheet" type="text/css" href="ie9.css" /><![endif]-->

這個代碼塊非常重要，這段代碼會在IE9中加載ie9.css樣式表。

接下來，在ie9.css中加入下面的代碼：

background: -ms-radial-gradient(center, ellipse cover, #000 0%, #fff 100%);

這個代碼塊實現(xiàn)了一個黑色到白色的漸變背景。

值得注意的是，-ms-radial-gradient需要傳遞3個參數(shù)，分別是漸變的中心點、橢圓的大小和顏色的起始、結(jié)束位置。其中，橢圓大小可以使用cover、contain等關(guān)鍵字代替具體的數(shù)值，也可以在后面添加具體的數(shù)值設(shè)置。

除了背景漸變，-ms-radial-gradient還可以用于其他效果，如實現(xiàn)一個按鈕的漸變效果：

button {
background: -ms-radial-gradient(center, ellipse cover, #f3a03c 0%, #f18922 100%);
border: none;
border-radius: 30px;
color: #fff;
font-size: 18px;
padding: 10px 20px;
}

這個代碼塊可以實現(xiàn)一個橙色到紅色的漸變按鈕，效果非常棒。

總之，雖然CSS3徑向漸變在IE9之前不被支持，但是我們可以使用-ms-radial-gradient這個屬性來實現(xiàn)類似的效果。