CSS轉換，自己移動

Question

div本身移動，我不想編碼的運動。

這裏是我的問題：

我使用CSS過渡是這樣的（要移動的背景圖像）：

.mobile{ 
background: url(../img/galaxy.png) no-repeat 70px 32px; 
height: 480px; 
margin-top: -90px; 
margin-bottom: -70px; 
position: relative; 
} 

.mobile.animate { 
-webkit-transition: background-position 1s linear; 
-moz-transition: background-position 1s linear; 
-o-transition: background-position 1s linear; 
-ms-transition: background-position 1s linear; 
} 
.mobile:hover { 
background-position: 70px 20px; 
} 

它的工作原理，當我將鼠標懸停在後臺移動就像我想要的，但，在懸停之前，在頁面加載時，div自身移動到右側和底部，如20像素（爲什麼？）

有一種解決方案可以工作，沒有任何意義，但我不希望它像那樣。

如果我把下面的代碼放在html和tags裏面，它不會自動移動： .mobile {url（../ img/galaxy.png）no-repeat 70px 32px; height：480px; margin-top：-90px; margin-bottom：-70px; 位置：相對; }

此外，如果我把所有的代碼在html文件中的標籤，它的作品（無自我移動）。

任何人都知道發生了什麼？我將非常感激，謝謝。

Answer 1

我記得我有同樣的問題。首先，瀏覽器將.mobile設置爲自己的價值觀，然後他正在閱讀css。所以他有兩個價值觀，他自己和你的CSS價值，這是轉變。試試看刪除css

margin-top: -90px; 
margin-bottom: -70px; 

然後看看瀏覽器在做什麼。