Список навигации с изменением цвета маркера и фона с помощью css - возможно?

Question

Чтобы правильно разместить изображение маркера на каждом элементе li навигации, мы обычно используем свойство background для его размещения.

Если, однако, мы также хотим добавить изменение фона в список, мы должны установить наши якоря внутри li так, чтобы они имели «display:block;»

Проблема: Как только мы добавим «display:block» к нашему элементу и установим цвет фона, наша пуля исчезнет.

Как лучше всего иметь меню, которое будет: Измените цвет фона, когда пользователь перестарается, но это также не потеряет пулю?

Обновление: Пожалуйста, примите во внимание следующий код: http://jsfiddle.net/4PUFa/1/

к. С уважением

Answer 1

Вы не должны использовать свойство background для списка маркеров.Вы должны использовать это:

   ul { list-style-image: url(path/yourImage.gif); }

, который все еще оставляет фон для фоновой работы.

РЕДАКТИРОВАТЬ : Для правильного изображения (согласно вашему комментарию) я могу сделать два возможных предложения, но для IE7 будет работать только одно, поэтому я предложу это только:

Поместите маркер на фон тега a и измените цвет на li.

Примерно так: http://jsfiddle.net/4PUFa/3/

Answer 2

Проблема: Как только мы добавим «display: block» к нашему элементу и установим цвет фона, наша пуля исчезнет.

Я считаю это ложным.Посмотрите: http://jsfiddle.net/dbugger/4PUFa/

Вы, вероятно, дважды используете сокращение "background", и не знаете, что этот второй abckground лишит законной силы ВСЕ видения первого.