2012-10-04 49 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

答案依然存在。在你的问题中看到我的评论。 –