Инспектор веб-элементов (Safari / Chrome) затемненные свойства CSS - PullRequest
Новая
       35

Инспектор веб-элементов (Safari / Chrome) затемненные свойства CSS

6 голосов
/ 23 сентября 2010

Вопрос глупого инспектора веб-элементов (safari / chrome), но я не могу понять, почему некоторые свойства недоступны.

element inspector

Ответы [ 5 ]

5 голосов
/ 25 сентября 2010

Согласно источнику, инспектор Webkit применяет непрозрачность 50% к стилям CSS, которые являются "унаследованными" или "неявными", из inspector.css 

.styles-section .properties .implicit, .styles-section .properties .inherited {
    opacity: 0.5;
}
  • Неявными являютсяте, которые находятся под составным свойством, таким как border: 1px solid red color: red, будут более серыми.
  • Наследуют те, у которых есть явное значение "наследовать".

Теперь текущая версия Chromeкажется, что серый цвет некоторых других значений, слишком плохо, инспектор инспектора больше не работает: (

1 голос
/ 05 марта 2013

Вы также получаете "интерпретируется как изображение, но передается с текстом MIME типа / CSS"? Я был.

Это решило это: Chrome интерпретирует таблицу стилей CSS как изображение

По сути, если в вашем css-файле есть 'background: url ()' или 'background: url ("") ", просто закомментируйте их или удалите (или вы знаете, просто вставьте туда путь) Затем страница должна быть загружена со стилями CSS в Chrome Inspector как активными.

1 голос
/ 28 апреля 2011

Для меня это была просто проблема смешивания кодировок.

Сам HTML-файл и один из CSS-файлов были закодированы как UTF-8 с BOM, тогда как другой CSS-файл был закодирован как ANSI. Я до сих пор не могу понять, как Chrome удалось показать почти все правильно. Я переключил все файлы обратно в UTF-8 без спецификации, и проблема была решена. Благодаря валидатору W3C, который намекал мне на наличие спецификации.

Надеюсь, это поможет, по крайней мере, кому-то еще.

1 голос
/ 23 сентября 2010

Посмотрев на предоставленную вами ссылку, выцветшие (затемненные) - это правила стиля, с которыми не связаны никакие операции браузера, например:

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

На float и height существует только один способ интерпретации, и поэтому Chrome не нужно добавлять какие-либо специфичные для браузера стили, чтобы он отображался по назначению.

Надеюсь, это поможет объяснить :)

Выцветшие правила - это правила, которые не требуют особого внимания со стороны браузера:)

0 голосов
/ 25 сентября 2010

Просто предположение - но вы проверили, не является ли это простым способом отличить вычисленные стили?

...