javascript 渲染渐变、rgba、圆 Angular 、投影和其他可能的 CSS3 函数在透明 png 中包含在数据 url 中的想法有多愚蠢？
最佳答案
有比这更好的方法来支持非 CSS3 浏览器(即 IE)。我建议 CSS3Pie ，它几乎支持您在 IE 中描述的所有功能。
CSS3Pie 使用 VML 进行渲染，这使得渐变和曲线更加平滑，并且具有可扩展性。它还可以在不干扰后面元素背景的情况下进行圆 Angular 处理，这几乎是使用图形创建圆 Angular 时不可避免的问题。
如果您要尝试推出自己的解决方案，我建议您至少考虑使用 VML 而不是 PNG。如果您使用位图图形解决方案，您会遇到事先不知道大小的元素(或者更糟糕的是，动态调整大小的元素)以及圆 Angular 后面的元素背景问题。
底线是 PIE 是迄今为止可用于 IE 中这些功能的最佳解决方案。你是对的，它确实有一些大问题，但没有任何其他解决方案可以做得更好，这并不是因为缺乏尝试——有很多选择，特别是对于圆 Angular ，但没有一个他们靠得很近。
最后，我要说的是，无论您采用何种解决方案，您都需要知道 IE<9 是一个非常慢的浏览器。所有这些 hack(无论是 PIE 还是您自己的替代方案)都很棒，但它们会使它运行得更慢。小心不要走得太远，使您的网站看起来很棒但运行速度太慢。您可能会发现，最实用的解决方案就是让 IE 用户在没有所有花里胡哨的情况下查看网站。
关于javascript - 带有生成的 png 的跨浏览器 CSS3，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5418246/