4

かなりの数のサイトで、ボタンを 3D 効果で表示できるようにするCSS3 Bon Bon ボタンを使用しました。私は<a></a>リンクにそれらをよく使用します。

が適用されている場合を除いて、すべてdisplay: inline-blockが正常に機能します。常に正しくクリックされるとは限りません。場合によっては (常にではありませんが)、登録する前にボタンを 3 回または 4 回クリックする必要がある場合があります。また、まったく同じボタンがすぐにクリックされる場合もあります。すべてのブラウザとプラットフォームで発生するようです。

これはなぜですか？解決策はありますか？に設定するとdisplay block完全に機能しますが、display:block理想的ではない状況があります。

JSFiddle (コード) (実例)

4

2 に答える 2

1

display: block; を使用していると思います。ボタン内の余分なクリックできないスペースを埋めている可能性があるため、表示に切り替えると: inline-block; インライン要素は、追加のスペースを埋めることを怠ります。

ボタンのレンダリングに使用される CSS を考えると、あなたの例は非常に密集しており、何が起こっているのかを理解するのは困難です。何が起こっているのかを簡単に確認できる、簡素化されたバージョンを提供できないと思いませんか?

于 2013-08-15T17:57:39.897 に答える