html - Opacity CSS 在 IE7/8 中不起作用，试图将透明输入按钮放在图像上以制作自定义输入按钮

Question

我正在尝试在图像上放置一个不透明按钮。这是我的代码:

<style>
body
{
background-image:url('http://mysite.com/myimage.jpg');
background-repeat:no-repeat;
}
#submit
{
position: absolute;
top: 354px;
left: 345px;
width: 112px;
height: 35px;
cursor:pointer;
opacity:0;
}
</style>
<input id="submit" type="submit" value="" />

我的按钮图像在背景图像上，这意味着我只有一张图像 mysite.com/myimage.jpg ，上面有一个按钮图像。 (按钮图像不是单独的切片)。

它在 FF 或 Chrome 中运行良好，但在 IE 中不起作用。谁能帮我吗？

谢谢!

Answer 1

对于 IE8 和更早版本，使用类似的东西:filter:alpha(opacity=40);

在这里阅读更多:http://www.w3schools.com/css/css_image_transparency.asp