2

Этот веб-сайт только что перенес веб-хостинг.

В IE10 он отображается нормально, но в Chrome и Opera он отображается в виде белой страницы с разбитым изображением.

Если я очищаю свой кеш, происходит то же самое.

Если я просматриваю локальную копию index.html в Chrome, она отображается нормально (с идентичным HTML-кодом, как в онлайн-версии).

Почему онлайн-версия неправильно отображается в Chrome, а локальная версия отображается нормально?

2 ответа2

1

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

Вы устанавливаете фоновое изображение для элемента html , а затем стилизуете элемент body . Возможно, лучше оставить элемент html применить фон к элементу body и выполнить остальную часть стиля для другого элемента контейнера, если это необходимо. Одна потенциальная опасность, даже если она немного надуманна, заключается в том, что расширение или браузер решают сделать элемент body сплошным белым фоном, закрывая тем самым ваш фон.

Изображение довольно большой нагрузки на 616 кБ. Если по какой-либо причине он не загружается или загружается медленно, пользователь не увидит текст на белом фоне по умолчанию. Я бы посоветовал добавить цвет в атрибут background, как запасной вариант.

Кроме того, вы задаете фоновое изображение как относительный URL-адрес, ../img/bg.jpg , что может быть проблемой, если у вас есть структура ссылок более двух уровней. На мой взгляд, было бы неплохо указывать это как абсолютный адрес, а не как относительный.

Последние два пункта дают рекомендуемый код чего-то вроде:

background: #0a0102 url(/img/bg.jpg) no-repeat center center fixed;
0

Страница отлично работает для меня в Firefox и Chrome. Вам нужно будет начать сужать проблему. Так как вы очистили свой кеш, вы можете затем попробовать расширения. Если вы чувствуете себя креативно, вы можете загрузить портативную версию Chrome из PortableApps и посмотреть, работает ли она в чистой версии браузера.

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

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .