Question

我的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" />

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

Answer 1

您需要在非悬停状态下使用背景图像。使用以下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图像仍然位于前景中。

Answer 2

问题是输入标记的SRC位于背景的顶部。

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

CSS无法识别悬停状态

2 个答案: