Сдвиг элемента относилельно других

[L_M]

Здравствуйте. Мне нужно сделать рейтинг, т.е. 5 звездочек, некоторые из них закрашены. Для положительного рейтинга - просто, надо изменять <img width> для закраски(закраска - отдельный файл). Т.е. будет 2 слоя. один над другим(визуально), один в другом программно. Вот у меня вопросы:
как сделать транспорирование(прозрачность фона) у картинки звезды?
как сдвинуть фоновое(нижнее) изображение(показывающее рейтинг) относительно звезд? т.е. если рейтинг закрашавается не с начала, а с конца.

[SkyM@n]

А зачем так сложно? Не проще иметь 2 изображения (по 1 звезде на каждое) и размножать их HTMLлом или CSSом?

[sa_t_an]

Звезды сделать в GIF с прозрачностью,
подложку с бэкграундом, а двигать его с помощью стилей
background: url(ВАША КАРТИКА) no-repeat 0 -20px;

или на javascript

getElementById('ID'). style.background = 'url(ВАША КАРТИКА) no-repeat 0 -'+ТУТ ПОДСТАВИТЬ ПЕРЕМЕННУЮ+'px'

[L_M]

Сообщение от SkyM@n

А зачем так сложно? Не проще иметь 2 изображения (по 1 звезде на каждое) и размножать их HTMLлом или CSSом?

мне надо не 1 звезду, если рейтинг 1, а пять звезд, чтобы 1 была закрашена.

Звезды сделать в GIF с прозрачностью,
подложку с бэкграундом, а двигать его с помощью стилей
background: url(ВАША КАРТИКА) no-repeat 0 -20px;

или на javascript

getElementById('ID'). style.background = 'url(ВАША КАРТИКА) no-repeat 0 -'+ТУТ ПОДСТАВИТЬ ПЕРЕМЕННУЮ+'px'

да, вот это, спасибо. Только с прозрачными гифами плохо. Есть ли в css прозрачность фона?

[SkyM@n]

Сообщение от L_M

мне надо не 1 звезду, если рейтинг 1, а пять звезд, чтобы 1 была закрашена.

Потому я и сказал "размножать".

http://www.visualjquery.com/rating/rating_redux.html
http://www.fyneworks.com/jquery/star...g/#tab-Testing

[L_M]

Сообщение от SkyM@n

Потому я и сказал "размножать".

звезда может быть закрашена не полностью - в этом проблема.

[SkyM@n]

А ну так в начальной задаче не было поставлено. Хотя все равно размножать можно

[sa_t_an]

Есть ли в css прозрачность фона?

Да конечно

background: transparent url(ВАША КАРТИКА) no-repeat 0 -20px;