-2

http://jsfiddle.net/KKL5G/

ボタンについては、上記のhtmlとcssをご覧ください。

これらのブラウザでは、ボタンの右側を表示するために使用されるスパンが1px下にシフトします。Firefoxで期待どおりに正しく動作します。

Windows：IE8、Opera、Safari Mac：FF、Safari、Opera、Chrome

更新1]ウィンドウの高さを変更している間、Firefox11.0ウィンドウでもランダムにバグが表示されます。

再現するには、上記のjsfiddleリンクに移動し、結果のフレームのサイズを変更してみてください。スパンがちらつくことがあります... [編集2：実際、Windows FirefoxのFirebugパネルのサイズを変更していたときに、スパンのジャンプに気づきました。ボタンの右側、以前はFirefoxで問題なく動作すると思いました。]

また、すべてのインライン要素の例を試しました。 http://jsfiddle.net/sbWCD/

PSこの単純な画像は、CSS3ソリューションを探しているのではなく、より複雑なデザインの単なるプレースホルダーです。

4

2 に答える 2

0

あなたのコードはあなたが達成したいことに対してあまりにも複雑です。これがクリーンアップされたバージョンですhttp://jsfiddle.net/KKL5G/4/ クロスブラウザで動作するはずです。

を使用するborder-radiusと、角が丸いボックスを簡単に作成でき、背景画像は必要ありません。

于 2012-04-15T19:52:56.543 に答える
0

うーん、の垂直方向のパディングを調整して、高さの合計を最大32ピクセルにし、スパンを使用した例のspan.lの行の高さを33ピクセルに変更しました。これで、FirefoxとSafariで機能しているようです。

http://jsfiddle.net/sbWCD/3/

動作しますが、問題の原因はまだわかりません。

于 2012-04-16T03:23:34.267 に答える