修复IE 8 表单中的 button 元素点击时背景图像的CSS 问题

解决方法是参见:《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;)是为实际项目要求的效果而写,这行代码你可以根据实际情况来决定。

posted on 2010-04-13 16:54  豆豆の爸爸  阅读(1327)  评论(0编辑  收藏  举报