私のul liのリストを背景画像&スプライトで使用するように変更しようとしていますが、background-repeatでこの問題があります。ulリストにスプライト画像を使用しますか?
0
A
答えて
1
あなたのスプライトを垂直にタイル張りされているので、あなたは、スプライト画像のそれぞれと同等の高さを持つことになります要素を使用する必要があります。
1つのオプションは、スパンのような別の要素を使用し、その背景を適用することです。 http://jsfiddle.net/mestekweb/R7MU4/2/
また、リンク要素にスタイルを適用することもできます。 http://jsfiddle.net/mestekweb/R7MU4/3/
いずれの場合も、補正するためにリストやマージンの余白やパディングを調整する必要があります。
+0
ありがとう、リンク要素は最高の解決策のようです – tyl3r
+0
私もそうだと思います。少ないマークアップ。 :-) –
関連する問題
- 1. ナビゲーション用の画像スプライト
- 2. spriteWithSpriteFrameNameを使用してtextureAtlas画像から作成されたスプライトの画像を変更するには
- 3. CSSスプライトを使用した2つの背景画像
- 4. 位置スプライト画像
- 5. CSSと画像スプライト
- 6. 画像の周りに背景チェックマークが付いたwrap ulリスト
- 7. CSS:css擬似クラスで画像スプライトを使用する:beforeと:after
- 8. Pygame - スプライトに画像をロードする
- 9. SVGスプライト - 規模にこのようなCSSの背景画像としてSVGスプライトを使用して
- 10. cssスプライト画像位置
- 11. クロッピング背景画像スプライト
- 12. 実装CSSスプライト画像
- 13. フラッシュキャプチャウェブカメラ画像を使用しますか?
- 14. コンパス:スプライトの各画像にスプライトと幅と高さを生成
- 15. ウェブページのスプライト画像を縮尺する
- 16. XNA/Monogameを使用してスプライトシートからスプライトを描画する
- 17. スプライト画像に最適な方法は?
- 18. スプライト画像の中に背景リピートタイルbgImage?
- 19. iPhoneがスプライト画像をオーバーラップしてズームしました
- 20. jQueryを使用して背景画像のスプライトを切り替える方法
- 21. DIVタグでUL画像をセンタリング
- 22. コルドーバで大きな画像を背景に使用するか、複数の画像を使用しますか?
- 23. liマウスオーバーで変化する画像(スプライト画像)
- 24. UL#のテストを使用して#test UL
- 25. CSSで画像URLを呼び出さずにスプライト画像をフェーディングする
- 26. KnpSnappyBundleは画像の中で画像を使用します
- 27. ボタンを使用して画像に画像を配置する
- 28. Codeigniter画像ライブラリを使用した画像透かし
- 29. CSSスプライト画像とレスポンシブデザイン。フルサイズと応答サイズの両方をロードしますか?
- 30. 画像にバブルを表示するにはフレスコ画を使用しますか?
問題点は何ですか?良い答えを得るには、[良い質問](http://msmvps.com/blogs/jon_skeet/archive/2010/08/29/writing-the-perfect-question.aspx)を尋ねることから始めます。 – PeeHaa
例で見ることができるように、バックグラウンドスプライトがすべてのulリストで繰り返されます。 – tyl3r
スプライトが繰り返されていません。リスト項目の高さがスプライトイメージの1つよりも大きいため、スプライトが表示されません。 –