关于 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为什么没效果呢?
问题出在哪里了?
我没分了,不好意思,都给大家了。
[解决办法]
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));
[解决办法]