最近在开发网站的时候遇到一个问题，就是在使用CSS调整图片样式后，图片无法被点击。经过一番搜索和尝试，我终于找到了解决方法。

首先，我们需要了解一下CSS中的pointer-events属性。这个属性可以控制元素是否允许触发鼠标事件。具体可以设置的值有：

pointer-events: auto; // 默认值，允许元素触发鼠标事件
pointer-events: none; // 元素不允许触发任何鼠标事件，包括点击、滚动等
pointer-events: visiblePainted; // 元素不允许触发鼠标事件，但可以与边框（border）或背景（background）交互
pointer-events: visibleFill; // 元素的内容区域不允许触发鼠标事件，但边框和背景可以
pointer-events: visibleStroke; // 元素的边框不允许触发鼠标事件，但内容和背景可以
pointer-events: painted; // 元素不允许触发鼠标事件，但可以和背景交互
pointer-events: fill; // 元素的内容区域不允许触发鼠标事件，但背景可以与鼠标交互
pointer-events: stroke; // 元素的边框不允许触发鼠标事件，但背景和内容可以交互

如果我们想要调整图片样式，又希望让它依然可以被点击，可以在CSS样式中增加pointer-events: auto;，即让元素允许触发鼠标事件。

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

这样做后，图片样式就可以被正确调整，并且可以正常点击了。

总结一下，当我们遇到图片无法被点击的问题时，可以通过增加pointer-events: auto;解决。同时，我们也可以根据需要灵活运用pointer-events属性，控制元素是否允许触发鼠标事件。