css - CSS无法识别悬停状态

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

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

最佳答案

您需要在非悬停状态下使用背景图像。结合使用以下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="" />

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