ulリストにスプライト画像を使用しますか？

私のul liのリストを背景画像&スプライトで使用するように変更しようとしていますが、background-repeatでこの問題があります。ulリストにスプライト画像を使用しますか？

2012-05-09 tyl3r

問題点は何ですか？良い答えを得るには、[良い質問]（http://msmvps.com/blogs/jon_skeet/archive/2010/08/29/writing-the-perfect-question.aspx）を尋ねることから始めます。 – PeeHaa

例で見ることができるように、バックグラウンドスプライトがすべてのulリストで繰り返されます。 – tyl3r

スプライトが繰り返されていません。リスト項目の高さがスプライトイメージの1つよりも大きいため、スプライトが表示されません。 –

あなたのスプライトを垂直にタイル張りされているので、あなたは、スプライト画像のそれぞれと同等の高さを持つことになります要素を使用する必要があります。

1つのオプションは、スパンのような別の要素を使用し、その背景を適用することです。 http://jsfiddle.net/mestekweb/R7MU4/2/

また、リンク要素にスタイルを適用することもできます。 http://jsfiddle.net/mestekweb/R7MU4/3/

いずれの場合も、補正するためにリストやマージンの余白やパディングを調整する必要があります。

2012-05-09 16:37:37

ありがとう、リンク要素は最高の解決策のようです – tyl3r

私もそうだと思います。少ないマークアップ。 :-) –

答えて