我有一个问题,ie8和一个简单的表单提交按钮。我用一个图片作为按钮,加上一些CSS,这样它就有了很好的悬停效果。但在IE8中无法显示。
btnSubmit.png
具有默认和悬停状态。
这是我的代码
<input name="form_submit" id="form_submit"
class="btns btnFormsubmit" type="submit" />
CSS 和
.btns {
background-color:transparent;
background-position:left bottom;
background-repeat:no-repeat;
border:0 none;
display:block;
height:31px;
text-indent:-3999em;
}
.btns:hover {
background-position:left top;
cursor:pointer;
}
.btnFormsubmit {
background-image:url(imgs/btnSubimt.png);
height: 31px;
width:267px !important;
}
我还尝试添加href="#"
<input href="#" name="form_submit" id="form_submit"
class="btns btnFormsubmit" type="submit" />
IE8不支持在quirks模式下输入:hover css选择器。尝试添加doctype声明(例如<!DOCTYPE html>
),应该可以。
输入很难在不同浏览器之间保持一致的样式。如果你不能让它工作,我建议使用<button type="submit"></button>
(如果doctype不是之前建议的问题)。