IE 旧版本的 Css3 径向渐变替代方案

Question

说到渐变，我们有很多选项可供选择:1- CSS32- SVG3- 图片可能有更多选择，但这些是最常见的。如果渐变是线性的，那么它会在 IE 旧版本中优雅地降级，但这里我所说的是用 css3 制作的径向渐变。这是它的 CSS:

background: #7d7e7d;
background: -moz-radial-gradient(center, ellipse cover,  #7d7e7d 0%, #0e0e0e 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
background: -webkit-radial-gradient(center, ellipse cover,  #7d7e7d 0%,#0e0e0e 100%);
background: -o-radial-gradient(center, ellipse cover,  #7d7e7d 0%,#0e0e0e 100%);
background: -ms-radial-gradient(center, ellipse cover,  #7d7e7d 0%,#0e0e0e 100%);
background: radial-gradient(center, ellipse cover,  #7d7e7d 0%,#0e0e0e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=1 ); 

有关现场演示，您可以查看此页面 http://bloghutsbeta.blogspot.com/

现在我要求解决这个问题，就好像你在 IE 中看到那个演示页面然后你可以看到径向渐变的显示方式不好。如果我使用尺寸太大的图像，我无法承受大于 5KB 的图像。如果我使用 SVG，那么我们都知道它在浏览器中的支持。一个好的建议将不胜感激。

Answer 1

我建议您使用图片，因为我没有看到其他选项适合您。