在網站開發中，用戶頭像是一個不可或缺的元素，一般用來展示用戶的身份信息。而在一些社交類網站中，用戶頭像還可以點擊進一步查看用戶的詳細信息，這個操作通常通過CSS來實現，下面是一個簡單的示例：

.avatar {
cursor: pointer;
position: relative;
}
.avatar:hover .popup {
display: block;
}
.popup {
display: none;
position: absolute;
top: 100%;
left: 0;
padding: 10px;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
z-index: 1;
}

首先，我們在用戶頭像的樣式中添加一個指針樣式，表示鼠標可以點擊；然后定義一個彈出層的樣式，初始狀態設置為隱藏。當鼠標移動到用戶頭像上時，我們設置彈出層的display屬性為block，表示顯示出來。

接下來，我們需要在頁面中添加相關的HTML結構，示例如下：

<div class="avatar">
<img src="user-avatar.jpg" alt="">
<div class="popup">
<h3>用戶信息</h3>
<p>姓名：張三</p>
<p>年齡：25</p>
</div>
</div>

在這里我們將用戶頭像和彈出層都放在一個父元素中，以便添加相應的樣式。其中，img標簽用來顯示用戶頭像，popup標簽用來顯示彈出層中的內容。需要注意的是，彈出層的HTML結構可以根據需求自行添加。

以上就是實現CSS用戶頭像點擊彈出的簡單示例，此方法快速簡單，成本低，適用范圍廣，非常實用。