在一些網站的設計中，我們經常會看到圖片被用作超鏈接來傳達信息或鏈接到其他頁面。利用CSS可以實現在一個圖片被點擊時跳轉到指定的鏈接。在這篇文章中，我們將學習如何使用CSS來設置圖片超鏈接。

a img {
border: none; /* 移除超鏈接的下劃線 */
}
a:link img,
a:visited img {
/* 圖片未被點擊或已被點擊的超鏈接樣式 */
opacity: 1; /* 圖片的透明度 */
filter: alpha(opacity=100); /* 兼容IE7及以下瀏覽器 */
}
a:hover img,
a:active img {
/* 當鼠標懸停在超鏈接上或被點擊時的圖片樣式 */
opacity: 0.75; /* 圖片的透明度 */
filter: alpha(opacity=75); /* 兼容IE7及以下瀏覽器 */
}

在上面的代碼中，我們首先使用CSS來移除超鏈接默認的下劃線，并設置未被點擊的圖片的透明度為1，即完全不透明。當鼠標懸停在超鏈接上或者被點擊時，我們改變了圖片的透明度，這個通過opacity屬性可以輕松實現。但是請記得通過設置filter屬性確保讓它在IE7及以下的瀏覽器中兼容。

通過上述步驟，CSS中的圖片超鏈接功能就實現了。您可以為您的圖片設置超鏈接，增加您網站的互動性。