2011-01-14 2 views
1

В настоящее время я работаю на сайте по адресу: http://hverdagskupp.no/v4/CSS цвет ошибка в Chrome

У меня есть проблема CSS, специфичные для Chrome. Навигация на сайте производится с помощью следующей разметки:

<nav> 
      <ul> 
       <li><a href="#">Alle tilbud</a></li> 
       <li><a href="#">Bunnpris</a></li> 
       <li><a href="#">Europris</a></li> 
       ... 
      </ul> 
</nav> 

У меня есть следующие CSS, чтобы сделать ссылки цвет # 555:

nav li a { 
color: #555; 
display: block; 
padding-left: 25px; 
} 

Однако, когда Chrome делает сайт, его с цвет # 222. Он говорит в инспекторе, что его № 555, но его действительно # 222. Chrome является единственным браузером, который интерпретирует этот код таким образом.

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

Кто-нибудь знает, почему Chrome это делает? Или это ошибка в моем коде?

Спасибо!

Добавлен скриншот. Как вы можете видеть, это фактически близко к # 000. Я использую Chrome 8 для MAC. alt text

+0

Они выглядят одинаково для меня (Firefox 4 и Chrome 8), но есть небольшие различия в оттенках серого и блюза. Попробуйте запустить Chrome с параметром --enable-monitor-profile, если это проблема управления цветом. Кроме того, FWIW, когда я динамически запрашиваю вычисленный стиль ссылок, я возвращаю «rgb (85, 85, 85)» или # 555, что коррелирует с инспектором (который был глючит раньше!). – ide

+1

Вы пытались использовать шестизначные шестнадцатеричные значения? (например, 'color: # 555555;') – Spudley

+0

Похож на меня. Используя Chrome v8 в OS X, я увеличил размер шрифта, снял снимок с элемента навигации «Bunnpris» и попробовал скриншот в Photoshop. Я получаю значение '# 56585a'. Я думаю, вам нужно указать вашу ОС и версию Chrome и предоставить скриншот того, что вы видите. – Phrogz

ответ

0

Я использую Chrome, кажется, не случится со мной увидеть:
Edit:
Я могу видеть изменение цвета
alt text alt text

+0

Но инспектор лжет. Попробуйте отключить цвет: # 555. Цвет остается прежним (потому что он действительно использует # 222) –

+0

То же самое здесь, на Chrome 8.0 – jhurtado

+0

Это может быть проблема только с MAC –

0

Он не использует # 222, он использует # 000000, который вы указали в строке 2 «style.css».

0

Хорошо, я нашел грешника:

a:visited { 
color: inherit; 
} 

Это, очевидно, вызвало эту проблему, которая только произошла на Chrome для MAC.

+0

Это не в таблице стилей. – mauris

+0

Правильно. Я удалил его. –

Смежные вопросы