我决定在我的网站上完全放弃对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一起工作但不能没有.
