CSS Sprite - obrazek jak tło Opcje

[IceManSpy]

Witam

Męczę się z wykonaniem czegoś takiego: mam obrazek-spirte, w którym mniej więcej w połowie jest kwadracik 5x5 px , który ma być tłem. W jaki sposób wykonać z niego tło powtarzające się w x i y? Nie chodzi mi oczywiście o atrybut backgournd-repeat: repeat.
Jest w ogóle takie coś możliwe?

[mortus]

Jest taka możliwość, o ile ten obrazek zostanie ustawiony w kącie sprita. Jeżeli będzie na środku, to nie "wytniesz go". Musi być w jakimś kącie. A czy to będzie lewy górny, prawy górny, lewy dolny czy prawy dolny to jest obojętne. Ważne żeby był na rogu/w kącie i wtedy będziesz mógł go odpowiednio "wyciąć" w css.

Powielenie obrazka ze sprites jest możliwe, ale tylko w jednym kierunku. To o czym pisze by_ikar zadziała, ale tylko dla jednej z osi. Powielenie po dwóch na raz wymaga odrębnej grafiki.

Bynajmniej. Jeżeli nawet wspomniany kwadracik będzie w lewym górnym rogu, ale po jego prawej i dolnej stronie będą inne elementy całego obrazka (lub też odwrotnie), to nikt nie zrobi z tego tła w ani jednym kierunku. Musiałby to być specyficzny obrazek, tj. elementy musiałyby być albo jeden pod drugim (wtedy możemy zrobić tło w osi x), albo jeden obok drugiego (wtedy możemy zrobić tło w osi y). Nawet jeśli będziemy mieć taki specyficzny obrazek, to nadal nie osiągniemy satysfakcjonujących nas efektów, bo ograniczać nas będzie w pierwszym przypadku wysokość odpowiedniej części obrazka, a w drugim przypadku szerokość odpowiedniej części obrazka. Oczywiście to rozwiązanie może być dobre, albo raczej wystarczające, jeśli będzie dobrze przemyślane. Ale to czy będzie nas satysfakcjonować, to inna sprawa.

Uogólniając CSS Sprite nie nadaje się do tego.

EDIT:
W dodatku autorowi nie chodzi o atrybut background-repeat, a bez background-repeat w ogóle nie da się tego zrealizować. Chyba, że JavaScript wygeneruje miliony malutkich kwadracików o rozmiarach 5x5px z takim samym css i to jeszcze w jakiejś spodniej warstwie.

Ten post edytował mortus 2.04.2012, 13:56:43