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

前端之家收集整理的这篇文章主要介绍了在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 原文链接:https://www.f2er.com/css/215218.html

猜你在找的CSS相关文章