CSS 躲貓貓 IP 是一種通過 CSS 優(yōu)化頁面加載速度的技巧。在一些情況下，通過隱藏圖片來加快頁面加載速度是非常有用的。比如，如果一個頁面上有很多圖片的話，這些圖片在用戶打開頁面時都會被下載。然而，這樣的做法會導致頁面的加載速度變慢，影響用戶體驗。

.example {
background-image: url(hide-image-url);
background-repeat: no-repeat;
width: 1px;
height: 1px;
position: absolute;
top: -1000px;
left: -1000px;
}

為了避免這種情況，我們可以使用 CSS 躲貓貓 IP 技巧。這個技巧的原理是創(chuàng)建一個 CSS 類，然后將要隱藏的圖片的 URL 放在其中，最后將這個類應(yīng)用到 HTML 元素上。這個元素的寬度和高度設(shè)為 1px，定位設(shè)為絕對定位，然后將其放在頁面的上方或者左側(cè)，使得它不會被用戶看到。

通過這個技巧，我們可以將要隱藏的圖片下載下來，但是卻不會影響頁面的加載速度。當用戶需要使用這些圖片時，它們可以直接從緩存中調(diào)用，從而加快頁面的加載速度。

需要注意的是，CSS 躲貓貓 IP 技巧并不適用于所有的頁面。在一些情況下，你可能需要以其他方式處理圖片。另外，在設(shè)計頁面時，也需要考慮到一些圖片本身就不需要顯示出來，這些圖片可以在頁面加載時直接不下載。