css - 悬停时重新加载背景图像？

Question

我试图在 :hover 上更改背景颜色，但保持背景图像相同 - 我遇到的问题是每次“第一次”它在页面加载后悬停，背景图像重新加载，使其消失并重新出现一瞬间。当然，之后每隔一次将鼠标悬停在 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;
    }

请记住，我不确定它是重新加载还是只是浏览器错误或其他问题。

Answer 1

background当你只想改变时，你正在改变整体background-color

用这个：

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