使用GPU的CSS全屏模糊
我确实有问题，但我不能评论（因为我只有不到50个代表）使用GPU的CSS全屏模糊,css,gpu,hardware-acceleration,Css,Gpu,Hardware Acceleration,我确实有问题，但我不能评论（因为我只有不到50个代表） 这与通过GPU加速模糊全屏图像获得更好的性能有关，但不会让侧面“泄漏”。如果您不介意添加额外的div，您可以添加包装器并对其应用转换。 我查看了Chrome开发工具，Chrome确实将包装器#bg呈现到了一个单独的层中，尽管这种优化非常特定于浏览器。 我建议你读书 我会给你另一个建议，但是，你可以使用一个大的图像和模糊它，你可以使用同一个图像在一个非常低的分辨率（比如10x10像素），并使其全屏。结果几乎相同，但要加载的字节要少得多 ht
这与通过GPU加速模糊全屏图像获得更好的性能有关，但不会让侧面“泄漏”。如果您不介意添加额外的
div#bghtml{
位置：相对位置；
宽度：100%；
身高：100%；
保证金：0；
填充：0；
}
身体{
保证金：0；
填充：0；
背景：红色；
位置：相对位置；
宽度：100%；
最小高度：100%；
}
#背景{
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
溢出：隐藏；
变换：translate3d（0,0,0）；
}
#bg>div{
背景图像：url（'http://lorempixel.com/1920/1920/');
背景尺寸：封面；
位置：绝对位置；
左：-60px；
顶部：-60px；
右：-60px；
底部：-60px；
过滤器：模糊（60px）；
}