2012-10-04 35 views
0

我想讓背景顏色變化:懸停,但保持背景圖像相同 - 我遇到的問題是,每次「頁面加載後,它的第一次」它懸停,背景圖像重新加載,使其消失並瞬間重現。當然,每隔一段時間你把鼠標懸停在div上都沒什麼問題,但是在頁面加載後第一次懸停時div決定不知道它在懸停時使用相同的確切背景,並重新載入同一圖像。懸停後重新加載背景圖片?

#ask, #drop { 
     background: rgba(0,0,0,0.38) url('example.png') no-repeat; 
     width: 18px; 
     height: 18px; 
    } 

    #ask:hover, #drop:hover { 
     background: rgba(0,0,0,0.32); 
    } 

    #ask { 
     background-position: 1px 1px;  
    } 

    #drop { 
     background-position: -300px 0px; 
    } 

請記住,我不完全確定它是否正在重新加載,或者它只是一個瀏覽器錯誤什麼的。

+0

試試? '#example:hover { background:#666; }' – EGurelli

+0

您只需在懸停時更改顏色即可,無需再次調用圖像 – krish

+0

我試圖讓我的示例變得簡單,但我忽略了可能影響它的某些方面,因此我將使用所有的方法更新問題碼。 – Ryan

回答

2

你正在改變整個background當你只想要更改background-color

使用本:

#example:hover { 
    background-color: #666; 
} 
+0

我試圖讓我的示例變得簡單,但我忽略了可能影響它的某些方面,因此我將使用所有代碼更新問題。 – Ryan

+0

答案依然存在。在你的問題中看到我的評論。 –