html - 悬停图像输入提交按钮不适用于 ie 7 和 8

Question

我有以下简单的表单，其中有一个提交按钮，CSS 悬停功能不适用于 IE 7 或 IE 8，第一个图像显示空白，当您悬停在它上面时，它显示悬停图像, 请帮忙

HTML 按钮代码

  <input type="submit" value="" class="btn submit-btn">

提交按钮的 CSS

.submit-btn{
background: url("/images/up.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
font-size: 17px;
height: 34px;
margin: auto;
padding-left: 0;
padding-right: 0;
text-align: center;
width: 100px;
float:left;
color:#ffffff;
border:0 none;
 }
 .submit-btn:hover {
background: url("/images/down.png") no-repeat 0 0;
color:#ffffff;
}

提前致谢

Answer 1

移除 RGBA 属性。它在 IE6 - 8 中不起作用。