1

入力テキストボックスの背景に画像を表示したい.画像は入力テキストボックスの右端中央部分に配置する必要があります.次のコードで簡単に実行できます.

    <input type="text" class="card" size=20 />

css は次のようになります。

    .card{
     background:url('image.png') no-repeat right center;
       }

私が直面している問題は、画像がスプライトであり、3 つの画像で構成されていることです。

cssで背景の位置とサイズの両方を指定するには?

前もって感謝します！！

4

1 に答える 1

2

スプライトがタイトな場合、CSS で背景をクリップすることはできません。他のオプションは、入力ボックスの横にスパンを追加し、背景をスプライトと高さと幅に正しく設定してから、背景位置を使用して正しい画像を取得することです。 、これが完了したら、左にマイナスの値を使用してスパンを配置し、テキストボックスの左に引っ張ることができます。これが役立つことを願っています:)

<div style="position:relative; display:inline-block;">
  <input type="text" /><span style="position:absolute; right:0px; background:#FF0000">O</span>
</div>
于 2012-05-08T09:58:48.243 に答える