Internet explorer 8 ie8和ie9上的CSS径向梯度

有没有办法在ie8和ie9上完成以下工作

谢谢

background: -moz-moz-radial-gradient(center top, farthest-side, rgba(175,175,175,0.3) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center top, farthest-side, 0px, center top, farthest-side, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center top, farthest-side, rgba(175,175,175,0.3) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center top, farthest-side, rgba(175,175,175,0.3) 0%,rgba(255,255,255,0) 100%); /* Opera 12+ */
background: -ms-ms-radial-gradient(center top, farthest-side, rgba(175,175,175,0.3) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: radial-gradient(farthest-side at center top, rgba(175,175,175,0.3) 0%,rgba(255,255,255,0) 100%); /* W3C */

---

我注意到CSS中有一个问题，您将

-moz-

和

-ms-

前缀加倍。那些肯定不会像那样工作

忽略这一点，你是对的，径向渐变在旧IE中是一个问题。事实上，CSS渐变在旧IE版本中通常是有问题的，因为在IE 9或更早版本中不支持CSS渐变

我对IE6-9中CSS渐变的常规解决方案是

但是，对于径向渐变，这是不够的，因为CSS3Pie当前不支持径向渐变。看。引述：

此时不支持径向渐变；该功能计划在未来发布（见第2期），但由于VML奇怪的径向梯度行为，它可能无法在IE 6-8中实现

---

另一个选择是使用IE的

过滤器

风格（并接受随之而来的所有奇怪问题和怪癖）。即使在这里，径向渐变也很困难，但这里有一个解决方案可能会有所帮助：

您已经将

-moz-

和

-ms-

前缀加倍。这些肯定不会起作用。感谢Spudley提供的信息，只是想一想，如果用户使用ie，让某种媒体查询检测到用户的浏览器并将其放入png会不会更容易？@a_刀叉-是的，一个老式的png可能会做到这一点（甚至可以考虑使用嵌入在CSS中的Base64编码的图像，如果想保持它作为CSS解决方案）。当然，它的缺点是它不可扩展，特别是对于径向梯度，这将是一个相对大的额外文件下载。（这样做的线性渐变可以是单像素高，较小且部分可伸缩，但对于径向渐变，您需要将png作为整个图像）