Инструменты разработчика Google Chrome - отображение файла CSS в качестве ресурса изображения

#css #google-chrome

Вопрос:

Я запускаю бета-версию Google Chrome (12.0.742.60)

Моя страница отображается нормально, однако по какой-то причине на вкладке «Ресурсы» инструментов разработчика файл CSS отображается под треугольником раскрытия «Изображения» вместо «Таблиц стилей» (где typekit.com CSS соответствует ожиданиям.) Благодарен за любые идеи..

Тег CSS:

 <link rel="stylesheet" type="text/css" href="/styles/lofkch.css" />

Заголовки ответов CSS (через расширение «Веб-разработчик»):

 Date: Sat, 21 May 2011 18:52:30 GMT
Content-Length: 9218
Last-Modified: Sat, 21 May 2011 18:40:50 GMT
Server: Apache
ETag: "5ff9-2402-4a3cd93cab080"
Content-Type: text/css
Accept-Ranges: bytes

200 OK

Живая страница — УДАЛЕНА — причину смотрите в ответе.

В стороне: Ранее в этом месяце была отличная сессия Google IO, посвященная новым функциям в GDT.

1. Странно, подтверждено в Chrome 10 на Windows. Я предполагаю, что это одно из нестандартных свойств CSS — что произойдет, если вы удалите те, которые содержат одинарные кавычки, например? Средство проверки CSS захлебывается ими. (смотрите здесь )

2. Что произойдет, если вы удалите фоновые изображения: url()?

3. @Knu @Pekka только что протестировал его на промежуточном сервере. Удаление единственного «background-image: url ();», который ошибочно указан там, исправляет это (он отлично справляется с другим URL-адресом фонового изображения для значка.) Как вы думаете, стоит ли регистрировать это как ошибку в Chromium?

4. это зависит от того, допустимо или нет использовать пустое background-image (добавлен мой комментарий в качестве ответа)

5. @Knu не может видеть, что это было бы допустимо 🙂 Спасибо, что обнаружили ошибку.

Ответ №1:

Что произойдет, если вы удалите пустое background-image ?