: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;
}
リロード中なのか、ブラウザのバグなのか、正確にはわかりません。