CSS图片加载隐藏是一种常用的技术，可以使网页更加流畅，同时也可以提高网页加载速度。下面我们来详细地了解一下它的原理以及如何实现。

.hidden-image{
width:0;
height:0;
visibility:hidden;
position:absolute;
left:-9999px;
}

上面的CSS代码可以隐藏一个图片。我们可以通过设置图片的宽度和高度为0，同时设置图片的位置为绝对定位并将其左移，来达到让图片隐藏的效果。

代码演示：

<img src="image.jpg" class="hidden-image" alt="图片">

我们只需要将需要隐藏的图片添加上.hidden-image这个class即可。

如果我们想要在某个事件触发时再显示图片，可以使用以下代码：

.hidden-image.show{
width:auto;
height:auto;
position:static;
visibility:visible;
left:0;
}

代码演示：

<img src="image.jpg" class="hidden-image" onclick="this.classList.add('show')" alt="图片">

当我们点击隐藏的图片时，会触发onclick事件，将图片的class改变为hidden-image show，即可将图片显示出来。

通过CSS图片加载隐藏技术，可以使网页更加流畅，同时也可以提高网页加载速度。希望这篇文章能够帮助你更好地使用CSS技术。