0

我的css中有以下内容：

.myclasss:hover {
background: url("images/arw_flogin2.png")  no-repeat; border: none;
display: block;
width: 90px;
height: 50px;

}

以及我的 HTML 中的以下内容：

<input type="image" title="" class="myclasss" src="images/arw_flogin1.jpg" />

如果我更改输入类型以提交它可以工作，但不能作为图像提交。

4

2 回答 2

3

您需要在非悬停状态下使用背景图像。使用以下 css 以及输入type="submit"

CSS

.myclasss {
    background: url("images/arw_flogin1.png")  no-repeat; border: none;
    display: block;
    width: 90px;
    height: 50px;

}

.myclasss:hover {
    background: url("images/arw_flogin2.png")  no-repeat; border: none;
}

HTML

<input type="submit" class="myclasss" value="" />

当您使用图像类型的输入时，您在src属性中设置的图像将应用于前景。因此，当您更改悬停时的背景时，您将看不到它，因为src图像仍然存在于前景中。

于 2013-01-04T14:54:46.707 回答
2

问题是输入标签的 SRC 位于背景之上。

Jrod 的方法会起作用，或者您可以结合 flogin1/2 图像并使用background-position: 0 90px来改善加载时间。

于 2013-01-04T14:58:48.227 回答