最近在開發(fā)網(wǎng)站的時候遇到一個問題，就是在使用CSS調整圖片樣式后，圖片無法被點擊。經(jīng)過一番搜索和嘗試，我終于找到了解決方法。

首先，我們需要了解一下CSS中的pointer-events屬性。這個屬性可以控制元素是否允許觸發(fā)鼠標事件。具體可以設置的值有：

pointer-events: auto; // 默認值，允許元素觸發(fā)鼠標事件
pointer-events: none; // 元素不允許觸發(fā)任何鼠標事件，包括點擊、滾動等
pointer-events: visiblePainted; // 元素不允許觸發(fā)鼠標事件，但可以與邊框（border）或背景（background）交互
pointer-events: visibleFill; // 元素的內容區(qū)域不允許觸發(fā)鼠標事件，但邊框和背景可以
pointer-events: visibleStroke; // 元素的邊框不允許觸發(fā)鼠標事件，但內容和背景可以
pointer-events: painted; // 元素不允許觸發(fā)鼠標事件，但可以和背景交互
pointer-events: fill; // 元素的內容區(qū)域不允許觸發(fā)鼠標事件，但背景可以與鼠標交互
pointer-events: stroke; // 元素的邊框不允許觸發(fā)鼠標事件，但背景和內容可以交互

如果我們想要調整圖片樣式，又希望讓它依然可以被點擊，可以在CSS樣式中增加pointer-events: auto;，即讓元素允許觸發(fā)鼠標事件。

img {
width: 200px;
border-radius: 50%;
border: 2px solid #ddd;
pointer-events: auto;
}

這樣做后，圖片樣式就可以被正確調整，并且可以正常點擊了。

總結一下，當我們遇到圖片無法被點擊的問題時，可以通過增加pointer-events: auto;解決。同時，我們也可以根據(jù)需要靈活運用pointer-events屬性，控制元素是否允許觸發(fā)鼠標事件。