CSS點擊圖片位置的方法有很多種，其中最常見的方法是使用絕對定位和移動元素。

使用絕對定位可以將CSS樣式應用到特定的HTML元素上，使該元素相對于其他元素具有固定的定位位置。例如，我們可以將CSS樣式應用到<div>元素上，并使用絕對定位使其位于頁面上的某個位置。

下面是一個使用絕對定位來將CSS樣式應用到<div>元素上的例子：

```html

<div style="position: absolute; top: 20px; left: 20px;">

Hello World!

</div>

在這個例子中，我們將<div>元素的定位屬性設置為“absolute”，并將其放置在頁面上的“top”和“left”值中，使其位于第20個位置。

除了使用絕對定位外，我們還可以使用移動元素來將CSS樣式應用到特定的HTML元素上，使該元素相對于其他元素向上、向下或向左移動。例如，我們可以使用移動元素將一個<div>元素移動到頁面頂部，如下所示：

```html

<div style="position: relative; top: 20px;">

Hello World!

</div>

<div style="position: absolute; top: 0; left: 20px; width: 20px; height: 20px; background-color: blue;">

<div style="position: relative; top: 0; left: 0; width: 20px; height: 20px; background-color: red;">

This is another <div> element.

</div>

</div>

在這個例子中，我們將<div>元素的定位屬性設置為“absolute”，并將其放置在頁面上的“top”和“left”值中，使其相對于其他元素向上、向下或向左移動。通過將第二個<div>元素的定位屬性設置為“relative”，我們可以使其相對于第一個元素向上移動，并將其背景顏色設置為紅色。

總之，CSS點擊圖片位置的方法有很多種，使用絕對定位和移動元素是其中最常用的方法之一。通過掌握這些方法，我們可以輕松地將CSS樣式應用到HTML元素上，并使其具有所需的定位效果。