简单的双色渐变背景：SVG与HTML5？

Question

如果我想要一个简单的双色渐变背景，那么说SVG比HTML5有更多的跨浏览器支持会更准确吗？

我在SVG的旧浏览器中检查了Gradient支持，他们似乎都支持它们。然而，一些现实世界的经验可以帮助阐明这两种选择的利弊？之前提出了一些问题，但他们没有解决这个简单的双色渐变的具体情况，可以用作背景并与HTML5渐变支持进行比较。

此外，我想知道相同的SVG或CSS（无论选择哪个选项）是否适用于所有主流浏览器，或者是否需要进行调整以支持不同的浏览器。为了强调，我再说一遍：我不是在寻找任何花哨的背景，只是一个双色的梯度。 （一个辅助的可选问题：SVG支持最终会因为缺乏流行而在浏览器中消失吗？）

Answer 1

唯一支持SVG但不支持CSS3渐变的显着市场份额的浏览器版本是Internet Explorer 9。

使用SVG渐变的优点

• IE9支持
• 链接到外部SVG文件更干净，而不是 使用梯度的供应商前缀

使用SVG渐变的缺点

• 除非您对其进行base64编码并将其嵌入CSS文件中，否则会产生其他请求。
• 如果嵌入渐变的base64版本，则很难修改。

您对SVG未来的关注被夸大了。鉴于新的高分辨率显示器（“视网膜”），它被主要的javascript数据 - 图形库和图形库使用，对SVG有很大的兴趣。如果有的话，SVG的未来实际上看起来更亮。

当我需要IE9支持时，我个人使用SVG渐变。我使用Microsoft's SVG Gradient Generator并使用base64版本，以免引起其他请求。我根本没有遇到任何问题，SVG渐变就像他们的CSS3同行一样。