3

回答をメールで送信するフォームを作成しましたが、「送信」ボタンに変更するまでは問題ありませんでした。「送信」画像は問題ありませんが、その上にカーソルを合わせると、ホバー画像が表示されません。これが私のコードです。どこが間違っていますか？

/*buttons*/
.submitbut {
background: url("images/z_submit.jpg")  no-repeat; border: none;
display: block;
width: 62px;
height: 36px;

}
.submitbut:hover {
background: url("images/z_submit_roll.jpg")  no-repeat; border: none;
background-position: 0px -50px;
display: block;
width: 62px;
height: 36px;
}

そして、私が持っているhtmlコードは...

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

1 に答える 1

2

まず、いくつかの宣言を取り除くことができます:

.submitbut:hover {
    background: url("images/z_submit_roll.jpg")  no-repeat; border: none;
    background-position: 0px -50px;
}

次に、うまくいかない場合、次の 2 つの点だけが間違っている可能性があります。

  1. images/z_submit_roll.jpg存在しない、または;
  2. background-position不適切にシフトしました。
于 2013-06-13T18:39:43.977 に答える