Проблема тени меню CSS

Question

пожалуйста, взгляните на синюю строку меню вверху http://www.animefushigi.com

Home |Последние Эпизоды |и т. д.

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

Так работает моя тема.

Я не думаю, что это хорошо по причинам SEO, я хочу иметь только один <li>...Home...</li> и т. Д.

Что меняется вмой css мне нужно сделать для этого?

css найден @: www.animefushigi.com/wp-content/themes/darkblue/style8.css

Спасибо !!

Answer 1

Я согласен, что это плохо как для SEO, так и для общей реализации. Это может быть сделано с использованием фоновых изображений с 1 li на элемент навигации. Вы можете использовать обычный a:hover, чтобы поменять фоновые изображения. Изображение при наведении курсора можно расположить в правом верхнем углу, чтобы учесть тот же эффект, который вы пытаетесь получить с этим.

Answer 2

Вы можете скрыть свой текст и использовать изображения.Вы можете использовать CSS3 text-shadow свойство (будет работать только в современных браузерах).Вы можете комбинировать оба метода в зависимости от браузера посетителей.