0

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

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

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

浏览器和第二个在 IE8 及更低版本以及之前的版本FirefoxSafari.

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

有没有jQuery plugin / function / procedure可以以合理的相似性模仿这三个属性。

4

2 回答 2

0

CSS3 PIE可能是您正在寻找的。但是,HTML5 Please建议不要为这些功能使用 polyfill,而只是一个合理的后备。

于 2012-07-12T15:19:27.647 回答
0

如 HTML 所述,请:

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

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

于 2012-07-12T18:38:03.913 回答