没加渐变的时候,ie9是可以圆角的。
加了渐变后,ie9居然没有圆角了。
并且,这渐变对IE6-9、火狐、谷歌都有效,但是IE10为什么没效果呢?
问题出在哪里了?
我没分了,不好意思,都给大家了。
回复讨论(解决方案)
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是有圆角的。
IE9以下不支持这个背景渐变吧..这个是css3的属性
关于渐变:IE6-IE9都可以渐变,IE10不可以。
关于圆角:没加渐变代码时,IE9 IE10是圆角;加了渐变代码后,IE9 IE10展现方角了。
大侠给的代码不行啊。
求大神。
关于渐变:IE6-IE9都可以渐变,IE10不可以。
关于圆角:没加渐变代码时,IE9 IE10是圆角;加了渐变代码后,IE9 IE10展现方角了。
大侠给的代码不行啊。
求大神。
百度了一下,IE9使用那个渐变和圆角会出现bug,详情可参考http://www.w3cplus.com/content/css3-gradient
我说错了,是IE11不行,IE10还没测。
但是为何 有渐变后,圆角就消失呢?
推荐使用 http://buttoncssgenerator.com ,可以生成各种效果的按钮css,包括圆角、渐进颜色、阴影,并兼容各大主流浏览器
前端(VUE)零基础到就业课程:点击学习
自己动手写 PHP MVC 框架:点击学习
![](http://m.sbmmt.com/img/upload/article/000/000/020/633501a29d313483.png)