タイトルの背景としてCSSスプライトを使用する際の問題

Question

私のウェブサイトのマスターCSSスプライトがあります。今私はいくつかの記事タイトルの背景に問題があります。丸みを帯びたコーナーでイメージを作りました。今私は私のタイトルのためにこの背景を適用する、私は完全な背景画像を参照してください、画像の一部が切り取られます。画像の100％を背景として適用したい。

background: #E8E8E8 url(/img/icons/spritelnkd.png) no-repeat 0px -180px; 

私は助けていただきありがとうございます。

ありがとうございました。

Answer 1

css3 border-radiusオプションを使用して背景イメージをドロップするか、マークアップを少しばらばらにして、タイトルの片面に背景イメージを持つ2番目のコンテナを導入する必要があります。この技術は、この記事では、タブのために説明されています

http://www.alistapart.com/articles/slidingdoors/

Answer 2

はそれのプレースホルダを使用して、画像の幅の地図。

例： 100pxにあなたのイメージの幅であれば、

<div style="width:100px;" class="sprite-class">Title</div> 

を次のように使用します