在CSS中，我們可以使用background-image屬性來(lái)添加圖片，并使用a標(biāo)簽來(lái)創(chuàng)建超鏈接，為了讓圖片和超鏈接同時(shí)出現(xiàn)，我們可以將a標(biāo)簽的href屬性指向想要鏈接的URL，然后將圖片作為a。

以下是一個(gè)簡(jiǎn)單的示例：

<a href="https://html4.cn">
  <div style="background-image: url('image.jpg');"></div>
</a>

在上面的代碼中，圖片作為a，并且a標(biāo)簽的href屬性指向了想要鏈接的URL，這樣，當(dāng)用戶點(diǎn)擊圖片時(shí)，就會(huì)跳轉(zhuǎn)到指定的URL。

需要注意的是，由于圖片本身并不具有可點(diǎn)擊性，因此我們需要將圖片放置在一個(gè)可點(diǎn)擊的元素中，比如div標(biāo)簽，我們還需要給div標(biāo)簽設(shè)置寬度和高度，以便圖片能夠正確地顯示。

如果需要在圖片上添加文本超鏈接，可以使用::after偽元素來(lái)實(shí)現(xiàn)，以下是一個(gè)示例：

<a href="https://html4.cn">
  <div style="background-image: url('image.jpg'); position: relative;">
    <span style="position: absolute; top: 0; left: 0;">鏈接文本</span>
  </div>
</a>

在上面的代碼中，span標(biāo)簽中的文本將會(huì)覆蓋在圖片上，并且由于span標(biāo)簽的position屬性設(shè)置為absolute，因此它將會(huì)定位在圖片的左上角，這樣，用戶就可以點(diǎn)擊文本超鏈接跳轉(zhuǎn)到指定的URL了。