javascript - 带有生成的 png 的跨浏览器 CSS3

Question

javascript 渲染渐变、rgba、圆 Angular 、投影和其他可能的 CSS3 函数在透明 png 中包含在数据 url 中的想法有多愚蠢？

Answer 1

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

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

如果您要尝试推出自己的解决方案，我建议您至少考虑使用 VML 而不是 PNG。如果您使用位图图形解决方案，您会遇到事先不知道大小的元素(或者更糟糕的是，动态调整大小的元素)以及圆 Angular 后面的元素背景问题。

底线是 PIE 是迄今为止可用于 IE 中这些功能的最佳解决方案。你是对的，它确实有一些大问题，但没有任何其他解决方案可以做得更好，这并不是因为缺乏尝试——有很多选择，特别是对于圆 Angular ，但没有一个他们靠得很近。

最后，我要说的是，无论您采用何种解决方案，您都需要知道 IE<9 是一个非常慢的浏览器。所有这些 hack(无论是 PIE 还是您自己的替代方案)都很棒，但它们会使它运行得更慢。小心不要走得太远，使您的网站看起来很棒但运行速度太慢。您可能会发现，最实用的解决方案就是让 IE 用户在没有所有花里胡哨的情况下查看网站。