我有一个简单的表单,里面有一个提交按钮,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;
}
提前致谢
答案 0 :(得分:2)
删除RGBA属性。它在IE6 - 8中不起作用。