Css 具有背景图像的元素（如IE7-IE8中的输入字段）的不透明度

我似乎无法让它正常工作，虽然理论上这应该是可能的，我已经尝试了一个多星期了，但它在IE7或IE8中不起作用，在FF、Chrome、Safari中按预期工作

小提琴上的代码=>

HTML:

<div style="margin: 50px 0px 0px 250px;">
    <input type="button" class="button" value="test button" />
</div>

---

感谢您提前提出的所有想法和解决方案。

实际上，它正在工作

我在这里修改了你的代码

我刚刚将按钮的不透明度修改为0.25，将背景色修改为红色，这样您就可以看到效果了

.button {
    background-color:red;
    opacity: 0.275;
}

这里是cross-browser.css表示不透明度

.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

---

您始终可以使用jQuery

  $('.button').css('opacity', 0.275);

---

这对我没有任何帮助。我需要弄清楚如何使它与图像一起工作…我不知道如何告诉你它正在工作。看到我将背景颜色设置为透明的另一个提琴了吗：哦，让我猜猜，在JSFIDLE中按F5以确保在示例中加载了图像。你确定看到在IE中悬停时更改不透明度的黑色按钮吗？我当然看不到这一点：SOK，只是提到一下，JSFIDLE在背景图像上有一个bug。它没有正确加载。我要做的是将图像加载到另一个选项卡中，然后点击JSFIDLE上的F5以查看灰色的线性纹理。不是答案。OP没有说任何关于使用jQuery的内容。此外，如果它在CSS中不起作用，那么它在jQuery中也不起作用。。。这对程序员来说更容易。

  $('.button').css('opacity', 0.275);