モバイルデバイスでは、すべてのリンクのクリック可能な領域を大きくするために、ウェブサイトを変更する必要があります。私はすべてのリンクに透明なborder
と、同じサイズの負のmargin
を与え、テキストフローに影響を与えませんでした。これは魅力のように機能します。しかし、背景を持つ要素ではありません。背景は透明な境界に広がります。これは、すべてのブラウザ間で一貫性があるような動作シームです。ここボーダーの下の背景を非表示にする方法
http://jsfiddle.net/hq65C/1/他の例:http://jsfiddle.net/DytDA/
これはなぜですか?私はいつも境界が要素の外側にあると考えていました。どのように私はこれを修正することができます。 (私はHTMLを変更する必要のないソリューションが必要です)。
これは私が探していた解決策です、ありがとうございます。たぶんこのリンクをあなたのソリューションに追加して、完璧にしたいと思うかもしれません;)http://jsfiddle.net/meo/DytDA/1/ – meo
すばらしい、ありがとう。それはあまりにも良いサポートを持っています(IE9 +):https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip#Browser_compatibility –