CSS Navite Sprite - Нечетные фигуры (не квадратные)
У меня обычно нет проблем с созданием CSS-спрайтов, но этот у меня тупик ... и я не уверен, как Найди решение. По сути, у меня есть спрайт навигации, который выглядит следующим образом:
Я использую стандартное соглашение о размещении их в тегах , например:
<li class="welcome"><a href="#" title="welcome">welcome</a></li>
И затем применяю CSS для настройки фона. позиция:
#navigation li.welcome a {
width:155px;
background-position:-0px -46.5px; }
Конечно, я не думал об этом, но проблема возникает при наведении. Поскольку вы можете определять только «квадратные» области, при наведении курсора на элемент «синее» состояние наведения переносится на следующий элемент навигации.
Тогда я подумал, что мне придется делать отдельные изображения для каждого предмета ... но это не тоже не совсем правильно из-за перекрывающихся секций стрелок.
Может быть, мне нужно отделить разделители стрелок между ними? Я действительно не уверен.
Я в тупике. Есть идеи?