解决浏览器兼容性问题的选项？答案

【问题标题】：options to solve browser compatibility issues?解决浏览器兼容性问题的选项？
【发布时间】：2012-12-21 07:06:46
【问题描述】：

我正在使用 css3 设计一个 Web 应用程序。每个人都知道许多 css3 属性，如渐变、边框半径、框阴影、动画、边框图像、背景 rgb、last-child、nth-child 等。在早期的 IE 版本（如 IE8）中不起作用， 7,6。一些 java 脚本库，如 css3 pie 可用于使 Internet Explorer 6-9 能够呈现几个最有用的 CSS3 装饰功能，如渐变、边框半径、边框阴影、边框图像（不是 Last- child, nth child properties) 但是我的一些朋友遇到了这个问题并告诉我它不可靠。

是否有任何其他 js 库或 polyfill 将支持大多数 css3 装饰功能，包括子属性，而不使用像 compass 这样的过滤器？

谢谢。

【问题讨论】：

如果你使用 Rails，你可以试试 compass：compass-style.org
@Luccas 对不起，我忘了补充说我不允许使用过滤器。
您的意思可能是box-shadow 和rgba(R,G,B,a)。自版本 4 起，IE 就不再支持 border-shadow 和 rgb(R,G,B)。就我个人而言，我认为尝试在旧版 IE 中模拟圆角或其他严格装饰功能是非常错误的，因为它这意味着您必须准确地为较旧和较慢浏览器提供更多他们必须处理的代码，从而损害性能，甚至不能改进功能。

标签： css cross-browser javascript compass-sass css3pie

【解决方案1】：

IE 的 PIE css3 问题不是信任问题，在某些情况下 Pie 框架无法工作，因为它没有以下先决条件之一：
1- pie 的初始化路径或其前缀（即背景）不正确。
在这种情况下，您应该检查路径。最佳做法是将 pie.htc 放在您的主页/框架或母版页旁边。
2- 您在 IE 中的最终结果以怪异模式呈现。
3- 页面文档类型未定义或不是 XHTML（过渡或严格）或 html5。

对于上述任何问题，它都可能有一整本书的条件和情况。
但是一旦你使用它 3-4 次它就会变得自然，虽然我个人不建议在 IE 上使用 css3 框架，因为在大多数情况下 IE 比其他浏览器自然要慢，而这些框架使它更慢。而且这通常对我个人没有好处，我更喜欢我的网站的向后兼容性。内容比好看的更正确。

【讨论】：