CSS、ホバーの背景を追加する

Question

ホバーのdivに背景を追加する方法はありますか？たとえば、既存の背景画像の上に50％の不透明度を持つ黒の背景を追加するなどです。

ありがとうございました。

Answer 1

あなたが達成しようとしているコードを投稿するとよいでしょう。私は簡単な例を投稿しました。 それはあなたがあなたが複数の背景を使用してそれを行うことができますオーバーライド

div{ 
    background: yellow; 
} 
div:hover { 
    background:black; 
    opacity:0.5; 
} 

Answer 2

強制的に!importantも使用できます場合：

.bg { 
 
    width: 592px; 
 
    height: 304px; 
 
    background: url(http://g-ecx.images-amazon.com/images/G/01/img15/pet-products/small-tiles/30423_pets-products_january-site-flip_3-cathealth_short-tile_592x304._CB286975940_.jpg); 
 
} 
 
.bg:hover { 
 
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(http://g-ecx.images-amazon.com/images/G/01/img15/pet-products/small-tiles/30423_pets-products_january-site-flip_3-cathealth_short-tile_592x304._CB286975940_.jpg); 
 
}

<div class="bg"></div>