某个项目使用以下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在同一元素上(例如,带有悬停的菜单选项卡)修复其中一些元素(例如,方框阴影、圆角和渐变)时,性能影响是真实的。最好使用旧浏览器的精灵,它们也会被缓存。