0

ボタン画像をクリックすると、ボタンと画像が移動します。しかし、このボタンをもう一度クリックすると、画像がそれを乗り越えるため、クリックが実行されませんでした。このボタンをクリックした後に画像がボタンを乗り越えたときに無効にできないようにしようとしています。しかし、私はそれを行うことができません。ボタンと画像を使用したこのリンクがあり、画像の一部がボタン上にあり、ボタンの半分が画像で覆われていません。画像ボタンで覆われているボタンの一部をクリックすると、効果はありませんが、画像ボタンで覆われている残りの部分をクリックすると、クリック効果が得られます。

画像がJS FIDDLEの上にあるときにボタンをクリックできるようにするためのヘルプ 

<button class="stage"
                    style="width: 43px; height: 50px; margin-left: 65px;"
                    onclick="myFunction('a','1');" id="a"></button>

<img id="player" src="http://s18.postimg.org/wfl7311th/i5_Es6_2.png"
                    style="margin-left: -45px;margin-top:10px" />
4

4 に答える 4

1

これを実現するには、いくつかの可能性があります。

  • で遊んでz-index（おそらくopacityあまりにも）、画像の上にボタンを上げます
  • pointer-events: none画像に設定
  • 画像に貼り付けonclickて一時的に非表示（visibility: hidden）にし、クリックされた要素をelementFromPoint()メソッドで検出
于 2013-06-07T06:05:42.590 に答える
0

このように背景として画像を与えます

     <button class="stage"
                style="width: 43px; height: 50px; margin-left: 65px; background-image:url(http://s18.postimg.org/wfl7311th/i5_Es6_2.png)"
                onclick="myFunction('a','1');" id="a"></button>
于 2013-06-07T05:25:04.617 に答える