CSS中的背景圖片常常可以幫助我們美化網頁，但是有時候我們需要讓圖片隨著背景移動，產生一些特效。

在CSS中，我們可以使用background-attachment屬性來控制背景圖片的滾動方式。默認情況下，背景圖片的滾動效果是fixed（固定不動），即頁面滾動時圖片不會產生位移。

body {
background-image: url("bg.jpg");
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
}

如果我們將background-attachment的值改為scroll，則背景圖片會跟隨頁面滾動而移動。

body {
background-image: url("bg.jpg");
background-position: center center;
background-repeat: no-repeat;
background-attachment: scroll;
}

但是，如果我們想讓背景圖片的運動方向與頁面滾動方向相反，該怎么辦呢？這時就需要用到CSS3中的background-size和background-position屬性。

我們可以將背景圖片設為固定大小，并將其位置設置在頁面正中間，然后通過background-position的百分比來控制圖片的運動方向。假設背景圖片的大小為800px x 800px，頁面高度為1000px。

body {
background-image: url("bg.jpg");
background-repeat: no-repeat;
background-attachment: scroll;
background-size: 800px 800px;
background-position: 50% -100px;
}

在這個例子中，背景圖片的初始位置為正中間，然后通過將background-position的縱向值設為負數來實現圖片向上移動的效果。

需要注意的是，這種效果只在頁面滾動時才能看到，如果頁面不滾動，則背景圖片仍然會固定在原位。

以上就是實現CSS背景圖片隨著背景亂跑的方法，希望能幫助到你！