Html 不透明度CSS不'；t在IE7/8中工作，尝试在图像上放置一个透明的输入按钮以创建自定义的输入按钮

我试图把一个不透明按钮的图像。这是我的代码：

<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="" />

身体
{
背景图像：url（'http://mysite.com/myimage.jpg');
背景重复：无重复；
}
#提交
{
位置：绝对位置；
顶部：354px；
左：345px；
宽度：112px；
高度：35px；
光标：指针；
不透明度：0；
}

我的按钮图像位于背景图像上，这意味着我只有一个图像，即mysite.com/myimage.jpg，上面有一个按钮图像。（按钮图像不是单独的切片）

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

---

谢谢

对于IE8和早期版本，使用类似于：

过滤器：alpha（不透明度=40）

在这里阅读更多信息：
更新，这是有效的：#提交{位置：绝对；顶部：354px；左侧：345px；宽度：112px；高度：35px；光标：指针；不透明度：0；过滤器：alpha（不透明度=0）；/*适用于IE8及更早版本*/}