解决方法是参见:《Fixing the IE8 Form Button with Background Image On Click CSS Bug》中的第3种解决方法。CSS 源代码如下:
/*
@bugfix: used :hover:active class to fixing the IE8 form button with background image on-click CSS bug
*/
button:hover:active{
-ms-background-position-x: 1px;
-ms-background-position-y: 1px;
outline:none;
}
为什么会选择这一种解决方法呢?因为不用去改HTML的代码(在第1种解决方法中在button里面加了span元素),只是在CSS代码增添了如上代码。
上面的代码中最后一行(outline:none;)是为实际项目要求的效果而写,这行代码你可以根据实际情况来决定。
本文介绍了一种不改动HTML结构的CSS解决方案,用于修复IE8表单按钮背景图片点击时的CSS缺陷。通过添加:hover:active伪类并设置背景定位及轮廓样式,实现在IE8下保持按钮样式一致。
1590

被折叠的 条评论
为什么被折叠?



