Javascript 使用css更改不透明度的颜色

我想更改不透明度的颜色。我有以下资料：

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

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

所以不透明度的颜色将是红色，但它是白色的。我怎么能改变颜色，因为这不起作用

使用：

---

当播放不透明度和背景色时，它还取决于容器的背景。

---

当使用50%降低不透明度时，这可能已经太多，并且与背景颜色（即主体或内容容器的白色）存在对比度问题。还有，为什么不将悬停效果放在图像的包装元素上呢。这样你就有了更多的造型自由。你可以把它从图像中分离出来。另外，我建议不要同时使用不透明度，而使用rgba作为首选方法。

对我来说，Chrome 32也使用FF 9.0.1+和IE8+进行了测试。你是否尝试过在.imagini:hover中添加背景色：红色？我不想在hover中使用红色。我猜OP没有这样做的原因首先是为了兼容性——因此旧过滤器：alpha用法。这对我的图像没有任何作用…所以你要将其应用于图像？您应该编辑您的帖子来注意这一点，这是一个重要的问题。如果您希望兼容性，您可以使用SVG背景w3.org/2000/SVG>

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

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