CSS3/后期CSS2跨浏览器兼容性(可能与jQuery兼容)



某个项目使用以下CSS功能产生了惊人的结果:

边框和背景上的box-shaddow; border-radius; RGBA颜色。

问题是前两个需要延迟Firefox / Chrome / Safari

浏览器,第二个在IE8及以下版本与CCD_ 3和CCD_。

因此,其中一些特征可以用PNG图像来模拟,但这是一种非常广泛的解决问题的方法。

有没有一个jQuery plugin / function / procedure可以以合理的相似性来模拟这三种性质。

CSS3 PIE可能是您想要的。然而,HTML5 Please建议不要对这些功能使用polyfill,而只使用合理的回退。

HTML上的AS请:

大多数情况下使用box shadow都是安全的,除非在大面积上应用它,因为在与页面交互时(滚动和悬停时,以及过渡和动画时),这可能会对性能产生重大影响。

当你在同一时间用CSS3 PIE在同一元素上(例如,带有悬停的菜单选项卡)修复其中一些元素(例如,方框阴影、圆角和渐变)时,性能影响是真实的。最好使用旧浏览器的精灵,它们也会被缓存。

最新更新