background hover

[radioactive]

http://jsfiddle.net/5zFWy/

при наведении верхняя половина (35х16) этой картинки должна менятся на нижнюю

прошу помоч

#block-menubar > #nav a{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
background-image: 
url(http://data1.floomby.com/files/share/6_12_2012/1AKnqvrow0O1l0dPVmoaQ.png),
url(http://data1.floomby.com/files/share/6_12_2012/t9pGNLBs2Eq8api8oZcoRw.png);
background-position: 50% 100%, 0 0;
background-repeat: no-repeat, repeat;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.9), inset 0 0 5px rgba(0, 0, 0, 0.4), 0 3px 5px rgba(0, 0, 0, 0.5), 0 2px 0 1px rgba(0, 0, 0, 0.5);}

#block-menubar > #nav a:hover{}?

[inex]

Сделай нормальный спрайт картинки.

[USF]

если откинуть мысль о том, что зеленый верх будет сливаться с зелеными буквами, что мешает сделать спрайт из 2х изображение и на ховере изменить background-position?

[radioactive]

Сделай нормальный спрайт картинки.

мне нужно знать как это делать, а картинку я в любой момент поменяю

если откинуть мысль о том, что зеленый верх будет сливаться с зелеными буквами, что мешает сделать спрайт из 2х изображение и на ховере изменить background-position?

я люблю сложности

я это учту и поправлю

Edited December 6, 2012 by radioactive

[inex]

Изучи