使用css更改不透明度的顏色

-1

我想更改不透明度的顏色。我有以下幾點：使用css更改不透明度的顏色

img{ 
    background-color:red; 
    opacity: 0.5; 
    filter: alpha(opacity=50); 
} 

img:hover { 
    opacity: 1; 
    filter: alpha(opacity=100); 
}

所以不透明的顏色將是紅色的，但它是白色的。如何更改顏色，因爲這不起作用！

來源

2014-02-18 user3310421

用** Chrome 32替我工作** http://jsbin.com/runexedu/1/edit用** FF 9.0.1 + **和** IE8 + ** –

進行測試您是否嘗試添加背景色：紅色到'.imagini：hover'？ –

我不想在懸停是紅色的.. – user3310421

使用rgba：

.imagini{ 
    background:rgba(255,0,0,0.5); 
} 

.imagini:hover{ 
    background:rgba(255,0,0,1); 
}

來源

2014-02-18 15:24:30 ojovirtual

我猜測，OP沒有做到這一點的原因是爲了兼容性 - 因此，過時的'過濾器：alpha'的使用。 –

這對我的圖像沒有任何幫助... – user3310421

那麼您是將此應用於圖像？你應該編輯你的文章來記錄這一點，這是一件重要的事情。 – ojovirtual

當不透明度和背景顏色播放它也取決於你的容器是什麼背景。當減少50％的不透明度時，這已經太多了，並且與身體或內容容器的背景顏色（即白色）有對比問題。另外爲什麼不把懸停效果放在圖像的環繞元素上。這樣你有更多的造型自由。你可以將它與圖像隔離。另外我建議不要一起使用不透明度，並使用rgba（）作爲首選方法。

來源

2014-02-18 16:03:25 JohanVdR

使用css更改不透明度的顏色

回答

相關問題