微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在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.jb51.cc/css/215218.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。