背景色の不透明度を背景画像ではなく

Question

色は円形で、背景色はプロパティとして設定されています。 私はスパンが0.75の不透明度を持つようにしたいが、背景画像はホバーで不透明1. を持つべき背景画像とスパンの不透明度ではなく、1

.left-arrow-black-bar { 
 
    display: inline-block; 
 
    width: 40px; 
 
    height: 40px; 
 
    border-radius: 50%; 
 
    background-color: #000; 
 
    text-align: center; 
 
    opacity: 0.75; 
 
    background-image: url('https://image.ibb.co/bJD73R/arrow_left.png'); 
 
    background-repeat: no-repeat; 
 
    background-position: center; 
 
    background-size: 10px 18px; 
 
} 
 

 
.left-arrow-black-bar:hover { 
 
    opacity: 1; 
 
}

<span class="left-arrow-black-bar"></span>

Answer 1

使用rgbaする必要がありますhexの：

.left-arrow-black-bar{ 
 
    display: inline-block; 
 
    width: 40px; 
 
    height: 40px; 
 
    border-radius: 50%; 
 
    background-color: rgba(0, 0, 0, 0.75); 
 
    text-align: center; 
 
    background-image: url('https://image.ibb.co/bJD73R/arrow_left.png'); 
 
    background-repeat: no-repeat; 
 
    background-position: center; 
 
    background-size: 10px 18px; 
 
} 
 
.left-arrow-black-bar:hover{ 
 
    background-color: rgba(0, 0, 0, 1); 
 
}

<span class="left-arrow-black-bar"></span>