qpieslice 渐变效果_在IE9中使用CSS3 PIE的线性渐变不起作用,IE8可以

我决定在我的网站上完全放弃对IE6和IE7的支持,将其用户重定向到纯文本警告页面.但是我仍然支持IE8和IE9.

我使用CSS3 PIE来实现这一点,并且border-radius在两个(IE8 / 9)中工作,盒子阴影在两者中工作,但是我也依赖于线性渐变.我有大量标签用于实现此目的：

background: #E6E6E6; /* fallback */

background: -webkit-gradient(linear,0 0,0 bottom,from(#E6E6E6),to(#B3BCC7)); /* old webkit */

background: -webkit-linear-gradient(#E6E6E6,#B3BCC7); /* new webkit */

background: -moz-linear-gradient(#E6E6E6,#B3BCC7); /* firefox */

background: -ms-linear-gradient(#E6E6E6,#B3BCC7); /* meant to be IE... */

background: filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E6E6E6',endColorstr='#B3BCC7'); /* also meant to be IE... */

background: -o-linear-gradient(#E6E6E6,#B3BCC7); /* opera */

background: linear-gradient(#E6E6E6,#B3BCC7); /* W3C standard */

-pie-background: linear-gradient(#E6E6E6,#B3BCC7); /* PIE */

behavior: url(/PIE.htc); /* load PIE.htc */

线性渐变在IE8中工作,但不是IE9,奇怪的是.我已经尝试了我找到的任何解决方案,但它们没有奏效. IE8只显示了后备：背景：#E6E6E6; – 不是渐变.

我不认为服务器或类似的东西有什么问题,因为其他属性 – border-radius和Box-shadow – 可以与PIE一起工作但不能没有.

我有所有的属性在我支持的所有浏览器中工作 – 只是没有IE9

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

如您喜欢交流学习经验，点击链接加入交流1群：1065694478(已满)交流2群：163560250