CSS可以讓背景擊變圖片，通過設置背景圖片的CSS屬性和選擇器，實現圖片的擊變效果。

```html

<style>

body {

</style>

在這個例子中，body元素的背景圖片名為"example.jpg"。注意，該屬性的值不能是一個路徑或文件名，必須是一個包含文件名和路徑的文件名。

```html

<style>

body {

background-size: cover;

background-position: center;

</style>

使用background-size和background-position屬性時，cover值表示將圖片完全覆蓋背景圖片。中心值將圖片放置在背景圖片的中心。

除了使用CSS屬性，我們還可以使用JavaScript來實現背景圖片的擊變效果。通過在JavaScript中加載并替換body元素的背景圖片，可以實現圖片的擊變效果。例如，以下代碼將在頁面上創建一個背景圖片，并在單擊事件觸發時替換body元素的背景圖片：

```html

<style>

body {

background-size: cover;

background-position: center;

addEventListener("click", function() {

document.body.style.backgroundImage = "url(" + document.body.style.backgroundImage + ")";

});

</style>

在這個例子中，我們使用addEventListener方法來監聽單擊事件，并在單擊事件觸發時將body元素的背景圖片更改為"url(" + body.style.backgroundImage + ")"。

通過使用CSS和JavaScript，我們可以實現背景圖片的擊變效果，讓頁面變得更加生動有趣。