Клъстерни изображения

Rushvet

Registered
Последно време гледам, че за да забързат сайтовете си доста хора използват клъстерни изображения и с право. Как точно обаче се наглася коя част от изображението да бъде показана?
 
Ето ти един пример:
Имаме картинка sprite.png, в нея има насложени доста иконки. Ние искаме да покажем само знамето на България, което е с размери 40 на 40 пиксела, а координатите му спрямо горнмия ляв ъгъл на sprite.png са: отляво 30px, отгоре 50px.
И в css-a го правиш по следния начин:
Код:
#flagbg{
    background-image: url(sprite.png);
    background-position: -30px -50px;
    width: 40px;
    height" 40px;
}
:)
 
F1r3Fl3x каза:
Ето ти един пример:
Имаме картинка sprite.png, в нея има насложени доста иконки. Ние искаме да покажем само знамето на България, което е с размери 40 на 40 пиксела, а координатите му спрямо горнмия ляв ъгъл на sprite.png са: отляво 30px, отгоре 50px.
И в css-a го правиш по следния начин:
Код:
#flagbg{
    background-image: url(sprite.png);
    background-position: -30px -50px;
    width: 40px;
    height" 40px;
}
:)

Когато става дума за фоново изображение как се получава ефекта ?
Когато трябва да се повтаря самото изображение?
 
за фоново изобрашение , което се повтаря не винаги става да е част от клъстерното изображение, но пак става, според зависи къде , как се намира и на къде се повтаря, дали на позицията която се повтаря има други изображения.
 
Няма ли възможност да се ограничи кое да се показва с координати от типа на area map?

ПП: За сега разбирам че могат да се повтарят само фонове където всички изображения са подредени или хоризонтално или вертикално.
 

Back
Горе