具有生成的png的跨浏览器CSS3

Question

javascript渲染渐变，rgba，圆角，阴影和可能的其他CSS3函数在transparant png中包含数据网址的想法多么愚蠢？

Answer 1

有更好的方法来支持非CSS3浏览器（即IE）。我建议CSS3Pie，它支持你在IE中描述的几乎所有功能。

CSS3Pie使用VML进行渲染，这样可以获得更平滑的渐变和曲线，并且可以扩展。它还可以在不干扰背后元素背景的情况下进行圆角处理，这对于使用图形创建角落几乎是不可避免的问题。

如果您打算尝试滚动自己的解决方案，我建议至少考虑使用VML而不是PNG。如果你使用位图图形解决方案，你会遇到一些问题，你不知道提前知道大小的元素（或者更糟糕的是动态调整大小的元素），以及圆角背后的元素背景问题。

最重要的是，PIE到目前为止是IE中这些功能可用的最佳解决方案。你是对的，它确实有一些大问题，但没有任何其他解决方案可以做得更好，而且不是因为缺乏尝试 - 有很多替代品，特别是对于圆角，但没有他们走近了。

最后，我想说无论你采用什么解决方案，你都需要注意IE＆lt; 9是一个非常慢的浏览器。所有这些黑客攻击（无论是PIE还是你自己的替代方案）都很棒，但是它们会让它运行得更慢。小心走得太远，让你的网站看起来很棒，但运行得太慢。您可能会发现，最务实的解决方案就是让IE用户在没有所有花俏的情况下看到该网站。