大佬教程收集整理的这篇文章主要介绍了CSS3 box-shadow导致Safari 5.0.2上的滚动延迟(性能下降)?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个< div class =“blox”>< / div>它具有平均大小(960×320像素),这些是它的相关CSS设置:
-moz-border-radius: 4px; /* FF1+ */ -webkit-border-radius: 4px; /* Saf3-4 */ border-radius: 4px; /* Opera 10.5,IE9,Saf5,Chrome */ -moz-box-shadow: inset 0px 0px 140px #dfe1e2; /* FF3.5+ */ -webkit-box-shadow: inset 0px 0px 140px #dfe1e2; /* Saf3.0+,Chrome */ box-shadow: inset 0px 0px 140px #dfe1e2; /* Opera 10.5,IE9 */
我尝试用jQuery(.css())设置CSS3 box-shadow,但结果是相同的(滞后).哦,边界半径不会导致这种情况(我通过多次测试将其丢弃).
那么,有什么解决方案吗?老实说,我很震惊,像Safari这样的WebKit浏览器甚至会出现这些问题.我知道必须有一种方法,因为几个网站使用插入和开始阴影并在Safari中运行得很好.我在StackOverflow中发现了一个帖子,它提到了盒子图像作为解决方案.但是,这篇文章很老了.
我真的非常感谢你的时间和任何支持.
非常感谢你提前!
克里斯
请注意,示例中的方框阴影半径非常大,这使得情况变得更糟.这解释了为什么它似乎可以在其他网站上工作 – 它们只是使用更小的半径.
以上是大佬教程为你收集整理的CSS3 box-shadow导致Safari 5.0.2上的滚动延迟(性能下降)?全部内容,希望文章能够帮你解决CSS3 box-shadow导致Safari 5.0.2上的滚动延迟(性能下降)?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。