0

クリック時にボタン画像を変更し、クリック後に元の画像に戻る

<style>
img.button-send {
background: url(img/agentsprite.png) 0 0;
width:87px;
height:34px;
opacity:0;
}
img.button-send:active {
background: url(img/agentsprite.png) 34 174;
width:87px;
height:34px;
}

</style>
      <button type="submit">
      <img class="button-send" src="img/img_trans.gif" width="1" height="1" />
          </button>

これにスプライトを使用していますが、クリックしてもその画像の位置に移動しないようです。これを機能させる方法はありますか? 押されたときにこのフィールドにボタン効果を持たせたくありません。

4

1 に答える 1

3

...................................

こんにちは、画像のpx 値に使用されるようになりましたbackground-position

このように

img.button-send:active {
background: url(img/agentsprite.png) 34px 174px;
}

または、これも使用できます

img.button-send:active {
    background-position:34px 174px;
    }

pxあなたのデザインに応じた値

于 2012-10-04T05:51:23.170 に答える