CSS 可以讓你輕松地將背景圖變成鏈接，即鼠標指向背景圖片時可以進行鏈接跳轉。具體來說，你需要使用:before偽元素來實現這一效果。接下來，讓我們看一下如何實現吧！

background-image: url("your-image-url-here");
position: relative;
&:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
&:hover:before {
background-color: rgba(0,0,0,.3);
cursor: pointer;
}

在上面的代碼中，我們首先將背景圖片添加到元素的樣式中，然后將元素的位置設置為相對定位。接下來，我們為元素的:before偽元素添加樣式，使其覆蓋整個元素，并將其z-index屬性設置為 1，使其在該元素之上。最后，當鼠標懸停在元素上時，我們使用背景顏色來表示該圖片是可點擊的，并使用cursor: pointer屬性來告訴用戶該圖片是一個鏈接。

通過簡單的 CSS 代碼，你可以讓背景圖成為一個鏈接。這可以增加網站的交互性和美觀性，提高用戶體驗。因此，在設計網站時，不要忘記考慮背景圖片的鏈接效果。