关于 CSS的渐变和圆角

[百变猪娃娃]

style="border-radius: 10px; width: 669px; margin: 10px auto; display: none;padding-top:10px;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e5e5e5));FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#e5e5e5);background: -moz-linear-gradient(top, #ffffff, #e5e5e5);background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);"

没加渐变的时候，ie9是可以圆角的。
加了渐变后，ie9居然没有圆角了。

并且，这渐变对IE6-9、火狐、谷歌都有效，但是IE10为什么没效果呢？

问题出在哪里了？

我没分了，不好意思，都给大家了。

[孟子E章]

background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e5e5e5)); 改成 background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e5e5e5)); background:-moz-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e5e5e5)); background:-ms-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e5e5e5)); background:-o-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e5e5e5)); background:gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e5e5e5));

[萧萧可乐]

1楼v5 正解

[百变猪娃娃]

background:gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e5e5e5)); 这一条报错 gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e5e5e5))不是background的有效值 而且，IE9仍然没有圆角。 不加这些渐变代码，IE9是有圆角的。

[Cocl]

IE9以下不支持这个背景渐变吧..这个是css3的属性

[百变猪娃娃]

关于渐变：IE6-IE9都可以渐变，IE10不可以。 关于圆角：没加渐变代码时，IE9 IE10是圆角；加了渐变代码后，IE9 IE10展现方角了。 大侠给的代码不行啊。 求大神。

[Cocl]

引用 5 楼 whwfwfy 的回复:

关于渐变：IE6-IE9都可以渐变，IE10不可以。 关于圆角：没加渐变代码时，IE9 IE10是圆角；加了渐变代码后，IE9 IE10展现方角了。 大侠给的代码不行啊。 求大神。

百度了一下，IE9使用那个渐变和圆角会出现bug，详情可参考http://www.w3cplus.com/content/css3-gradient

[百变猪娃娃]

我说错了，是IE11不行，IE10还没测。 但是为何 有渐变后，圆角就消失呢？

[coosummer]

推荐使用http://buttoncssgenerator.com ，可以生成各种效果的按钮css，包括圆角、渐进颜色、阴影，并兼容各大主流浏览器