css3径向渐变ie9 |css li横向显示

id样式 css，CSS增大控件间距，css设置窗口高度，清理无用css并提取，小程序css链接库，olay小白瓶css油橄榄，css li横向显示 css3径向渐变ie9 |css li横向显示

首先，在标签中加入下面的代码：

<!--[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%);

这个代码块实现了一个黑色到白色的渐变背景。

值得注意的是，-ms-radial-gradient需要传递3个参数，分别是渐变的中心点、椭圆的大小和颜色的起始、结束位置。其中，椭圆大小可以使用cover、contain等关键字代替具体的数值，也可以在后面添加具体的数值设置。

除了背景渐变，-ms-radial-gradient还可以用于其他效果，如实现一个按钮的渐变效果：

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;
}

这个代码块可以实现一个橙色到红色的渐变按钮，效果非常棒。

总之，虽然CSS3径向渐变在IE9之前不被支持，但是大家可以使用-ms-radial-gradient这个属性来实现类似的效果。