悬停的背景图像重新加载？

Question

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