css - 解决浏览器兼容性问题的选项?

标签 css cross-browser javascript compass-sass css3pie

我正在使用 css3 设计一个 Web 应用程序。大家都知道,很多 css3 属性,如渐变、边框半径、盒子阴影、动画、边框图像、背景 rgb、最后一个子项、第n个子项等,在早期的 IE 版本(如 IE8)中不起作用, 7,6。一些java脚本库,例如css3 pie可用于使 Internet Explorer 6-9 能够渲染几个最有用的 CSS3 装饰功能,例如渐变、边框半径、边框阴影、边框图像(不是 Last-child、nth child 属性),但我的一些遇到问题的 friend 告诉我,它不可靠。

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

谢谢。

最佳答案

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

对于上述任何问题,它都可以有一本完整的条件和情况手册。
但是一旦你使用了 3-4 次,它就变得很自然了,尽管我个人不建议对 IE 使用 css3 框架,因为 IE 在大多数情况下自然比其他浏览器慢,而这些框架使它更慢。通常这对我个人来说没有什么好处,我更喜欢我的网站的向后兼容性。内容看起来更正确而不是更好。

关于css - 解决浏览器兼容性问题的选项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14197882/

相关文章:

html - CSS 垂直高度对齐

jquery - 如何使用 jQuery 检测浏览器是否为 Chrome?

javascript - Gulp uglify 无法处理箭头函数

javascript - 如何用 moment.js 改变时间?

css - -webkit-animation-play-state 在 Chrome 中不工作

html - Div 保持其宽高比,不超过一定高度。其中的文字应垂直和水平居中

javascript - 了解浏览器插件: creation,部署和使用

html - 为什么在Firefox中默认禁用 "dialog"标签?

javascript - Protractor 测试用例在 Jenkins 服务器上失败,但在本地计算机上通过 : Error: Element is not clickable at

css - Bootstrap 3 中的简单网格布局?