我有时会使用小而均匀的像素图案作为背景图像。
在这些情况下我发现自己使用4 x 4或10 x 10像素图像，我想知道使用50 x 50或100 x 100像素尺寸是否更好。
无论如何，文件大小都会非常小，但我发现浏览器将30（或大约）50x50像素图像映射到背景可能比映射60,000个4x4像素图像效率更高。
看起来浏览器可能需要占用大量CPU（因此电池寿命）才能重复60,000次背景图像。
4 x 4 px = [1280 x 720 screen : 57,000 repeats] [3.47kb]
100 x 100 px = [1280 x 720 screen : 9,200 repeats] [13.83kb]
答案 0 :(得分：2)
为什么你说你不能在css中使用透明背景？
尝试使用RGBA - 其中＆＃39; a＆＃39;是阿尔法。
即
background: rgba(255, 0, 0, 0.4);