-1

CSS を使用してボタンに画像を表示する次のコードがありますが、機能させることができません。画像は CSS ファイルと同じディレクトリにあります。

#submit-go {
  margin-top:1em;
  width:69px;
  height:26px;
  text-indent:-9999px;
  overflow:hidden;
  border:0;
  background:url(submit-button.gif) no-repeat 0 0;
  display:block;
  cursor:pointer !important; cursor:hand;
}

#submit-go:hover {
  background-position:0 -26px;
}


<div align="center"><button type="submit" id="submit-go" >Submit</button></div>
4

2 に答える 2

0

私はあなたのコードhttp://jsfiddle.net/rDvTe/1/でこのフィドルを作成し、Chrome で正しくテストされていると思います)。

画像リンクをURLに置き換えて機能するようにし、さらに追加しました

#submit-go {border: 1px solid red;}

ボタンを見やすくします。

ホバー時に背景画像が表示されるようにしたかったとしたら、私は正しいですか? それ以外の場合は、通常の状態とホバー状態で背景位置を切り替えるだけです。これがあなたが探していたものであることを願っています。

于 2013-04-28T16:42:56.087 に答える