在CSS中，您可以通過使用相對定位（relative positioning）或***定位（absolute positioning）來實現(xiàn)圖片的移動，而位置不變。

相對定位是指將元素相對于其正常位置進行定位，而***定位則是將元素相對于瀏覽器窗口進行定位。

下面是一些示例代碼，展示如何使用CSS來移動圖片：

示例1：相對定位

<img src="image.jpg" style="position: relative; left: 50px; top: 20px;">

在這個示例中，圖片相對于其原始位置向右移動了50像素，向下移動了20像素。

示例2：***定位

<img src="image.jpg" style="position: absolute; left: 50px; top: 20px;">

在這個示例中，圖片相對于瀏覽器窗口向右移動了50像素，向下移動了20像素，注意，***定位的元素會脫離文檔流，覆蓋在其他元素上面。

示例3：固定位置

<img src="image.jpg" style="position: fixed; left: 50px; top: 20px;">

固定定位類似于***定位，但它會固定在瀏覽器窗口的某個位置上，即使頁面滾動也不會改變。

示例4：粘性定位（Sticky Positioning）

<img src="image.jpg" style="position: sticky; left: 50px; top: 20px;">

粘性定位是一種混合定位類型，元素在滾動到某個位置之前為相對定位，之后為固定定位。

position: relative;：相對于其正常位置進行定位。

position: absolute;：相對于瀏覽器窗口進行定位。

position: fixed;：固定在瀏覽器窗口的某個位置上。

position: sticky;：在滾動到某個位置之前為相對定位，之后為固定定位。

通過調整left、right、top和bottom屬性，您可以***地控制圖片的移動位置。