Sprite'larda tekrarlanan arka plan görüntüleri kullanmak mümkün mü?

Question

Olası Çoğalt:

CSS Sprites and repeating backgrounds tekrarlanabilir arka planı olarak sprite görüntüleri kullanmayı mümkün kılan herhangi bir hile var mı?

Answer 1

Evet, ancak bazı sınırlamalar var ve resimlerin nasıl tekrarlandığına bağlı. Tekrarlama yönüne bağlı olarak aşağıdakileri nasıl yapabilirsiniz:

Tekrar: Bunun mümkün olduğunu düşünmeyin.

repeat-X: Dikey olarak bunları tabaka sayfanızda biriktirirsiniz. "Satır" başına yalnızca bir resminiz olabilir. Tüm görüntüler aynı genişliğe sahip olmalıdır.

yineat-y: Iages'i yatay olarak hizalar ve her "sütun" için yalnızca bir görüntü alırsınız. Tüm görüntüler aynı yüksekliğe sahip olmalıdır.

Ayrıca, her tekrarlama/tekrarlama yöntemi için ayrı hareketli sayfalara sahip olmakla sınırlıdır.

Answer 2

Hayır, gerçekten değil. CSS3 bile bunu doğru şekilde yapmak için bir yaklaşım sunmaz (yinelenen soruda gösterildiği gibi özel image-rect özelliği vardır, ancak tüm tarayıcılar tarafından desteklenmez).