Тайна невидимого текста в Chrome

Я создаю сайт с простой панелью навигации. Я написал немного CSS, чтобы показать эффект наведения для кнопок. Все отлично работает в IE и FF, но по какой-то причине в Chrome текстовые метки кнопок меню невидимы, что делает меню совершенно бесполезным. Я потратил более часа на поиск решения, но ничего не нашел. Я установил firebug lite в Chrome и потратил некоторое время, пытаясь отобразить метки, добавив правила z-index, изменив цвет метки, удалив фон и т. д. и т. д., но ничего не заставит их появиться.

Если кто-то хочет увидеть это в действии, попробуйте посмотреть http://naamjoga.cz сначала в FF, а затем в Chrome. Любая помощь с благодарностью. Спасибо


google-chrome html css
person Xoundboy    schedule 08.12.2010    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Вы перемещаете свои ссылки слева и вместо этого хотите перемещать элементы списка слева. Только что протестировал это, и следующие изменения устраняют вашу проблему. В любом случае, не имеет смысла размещать ваши ссылки слева.

#nav ul li { float: left; } вместо #nav li a { float: left; }

person mrtsherman    schedule 08.12.2010
comment
Спасибо за баллы. Наконец-то я могу прокомментировать! На SO так много умных людей, что очень быстро сформулировать правильный и лаконичный ответ очень сложно. - person mrtsherman; 10.12.2010
comment
Поздравляем! Но не слишком увлекайтесь :) Я считаю, что некоторые из этих «умных людей» должны проводить здесь слишком много времени, чтобы накопить столько баллов. - person Xoundboy; 10.12.2010

arrow_upward
0
arrow_downward

В моей версии Chrome для разработчиков он работает так, как вы хотите, если вы добавите display: inline; к своим стилям #nav ul li. После внесения этого изменения убедитесь, что оно все еще работает в FF и IE.

person adrianbanks    schedule 08.12.2010
comment
Привет - и спасибо за ваш ответ. На самом деле я видел, что у вас уже есть 13,4 тысячи баллов, поэтому я решил сначала попробовать ответ mrtsherman - у него только 26! ;) Его ответ сработал. Я надеюсь, что все в порядке - это мой первый пост в stackoverflow, поэтому я не на 100% о этикете в этой ситуации, когда нужно проверить два ответа. - person Xoundboy; 08.12.2010
comment
@Xoundboy: Обычный подход состоит в том, чтобы проголосовать за каждый ответ, который вы считаете полезным (нажав стрелку вверх слева от каждого ответа), и принять ответ, который вы считаете лучшим (как вы уже сделали). - person adrianbanks; 08.12.2010
comment
Да, это имеет смысл. Похоже, мне нужно 15 баллов, прежде чем я смогу проголосовать. Это может занять некоторое время. Спасибо за совет. - person Xoundboy; 09.12.2010