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

时间:2014-05-23 20:39:07

标签: html css internet-explorer internet-explorer-8 internet-explorer-7

我有一个简单的表单,里面有一个提交按钮,CSS悬停功能不适用于IE 7或IE 8,第一个图像显示为空白,当你将鼠标悬停在它上面时,它显示悬停图片,请帮忙

HTML按钮代码

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

CSS for submit-btn

.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;
}

提前致谢

1 个答案:

答案 0 :(得分:2)

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