在CSS中，我們可以使用偽元素來添加點擊事件，以下是一個簡單的示例：

HTML代碼：

<div class="image-container">
  <img src="image.jpg" alt="Image">
  <div class="click-overlay"></div>
</div>

CSS代碼：

.image-container {
  position: relative;
  width: 200px;
  height: 200px;
}
.image-container img {
  width: 100%;
  height: 100%;
}
.image-container .click-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

在這個示例中，我們創(chuàng)建了一個包含圖片和點擊覆蓋層的容器，圖片填充容器，而點擊覆蓋層則位于圖片上方，當(dāng)用戶點擊覆蓋層時，可以觸發(fā)點擊事件。

為了添加點擊事件，我們可以使用JavaScript來監(jiān)聽容器的點擊事件，并執(zhí)行相應(yīng)的操作，當(dāng)用戶點擊圖片時，可以彈出一個對話框來顯示圖片的名稱：

document.querySelector('.image-container').addEventListener('click', function() {
  var imageName = this.querySelector('img').alt;
  alert('您點擊了圖片：' + imageName);
});

在這個示例中，我們使用document.querySelector來選擇容器元素，并使用addEventListener來添加點擊事件監(jiān)聽器，當(dāng)用戶點擊容器時，會執(zhí)行一個匿名函數(shù)，該函數(shù)會獲取圖片的名稱并顯示一個對話框。