0

我想type="submit"用一个带有悬停图像的图像和：活动图像制作一个登录按钮，它在Firefox和 chrome 上工作正常，但在Internet Explorer上它只提供基本图像而不是悬停图像和活动图像。除此之外，当你点击它时，它会在按钮上画一条虚线。

它如何在 IE 上显示：

http://imageshack.us/photo/my-images/72/ieproblem.jpg/

它如何在 chrome 和 firefox 上显示：

http://imageshack.us/photo/my-images/685/chromes.jpg/

.button
 {
    border:none;
    background: url(../img/login.jpg);
    width:41px;height:19px;
   }
    .button:hover 
        {
        background: url(../img/loginhover.jpg)  no-repeat top left;
        width: 41px;
        height: 19px;
        }

 .button:active {

 background: url(../img/loginactive.jpg);
   }

HTML上的按钮代码：

<input type="submit" class="button" value=""/>
4

2 回答 2

1

如果您使用的是早期版本的 IE，则 :hover 会出现问题。

如果您使用的是 ie7 >

您需要将 href 添加到您的锚点，否则 :hover 不会被 IE 拾取：

并删除轮廓，您可以尝试

a {
   outline: 0;
}
于 2012-10-30T16:44:09.190 回答
0

我相信这是由outlineIE 中的属性引起的。

查看http://css-tricks.com/removing-the-dotted-outline/了解有关如何删除它的一些提示。

a {
   outline: 0;
}

或者将outline样式应用于其他元素。

于 2012-10-30T16:44:01.313 回答