（此处所有代码均为简化代码，而非真实代码）
我的CSS看起来像
background-image: url("/img/high-res.png"),url("/img/low-res.png"),url("/img/blur.png");
这很好用，但是由于background-image会堆叠图像，因此高分辨率图像上的透明区域会从下面的模糊图像中发出光芒。
css中是否可以隐藏可见层以外的所有内容，而不是将它们堆叠起来？
如果没有，是否有更好的，非js的方式来实现加载第一个（2KB）图像，然后加载第二个（100KB）图像，然后加载完整大小（4MB）的图像，尽快加载降低分辨率的图像更高的res版本已加载？