1

誰かがここで私を助けてくれることを願っています。<button小さな画像を含む>タグを付けて送信する標準のユーザー名/パスワードフォームがあります。

ボタンは固定の幅と高さで、余白、パディング、テキストは左揃えで、他のコンテンツバーは<img>タグがありません。そして、それは見栄えが良く、私のWin7PCの最新のブラウザーで期待どおりに機能します。

iPhone 4 Safari（私はそれをチェックするためのiPadを持っていません）では、ボタンは私が見ることができる限り正しい幅と高さで表示されます（背景色を使用して）。左側に不可解なギャップがあり、オーバーフローのために画像の一部が失われています。

これを引き起こしていると思われるCSS、またはそれを修正できるCSSを見つけることができなかったので、これは煩わしいことです。誰かが同じようなことに遭遇しましたか？私は限られたスペースで作業しているので（したがって、固定サイズとオーバーフロー）、それを残すだけでは、ボックスの外観が損なわれるため、実際には私の好みのオプションではありません。

My present workaround is to scrap the button tag and submit the form via an onclick on the image, though I wouldn't really consider this to be ideal.

So to summarise - the BUTTON appears to be correctly sized and located, but its child IMG is rendering in the wrong place on iPhone 4.

EDIT: Sorry, should have included a link... wamdirect.co.uk is the site i'm working on, the problem is in the login box top right when viewed on iPhone 4.

4

1 に答える 1

1

を使用しないでください<img>:

button
{ 
   background-image: url(...);
   background-repeat:no-repeat;  
}
于 2010-11-22T15:22:55.923 に答える