Сайт отображается пустым в Chrome & Opera, но хорошо в IE10

450
Steve

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

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

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

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

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

2

2 ответа на вопрос

1
nitro2k01

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

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

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

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

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

background: #0a0102 url(/img/bg.jpg) no-repeat center center fixed; 
Хороший. Спасибо @ nitro2k01. Steve 10 лет назад 0
0
Matthew Williams

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

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

Спасибо Мэтью. Сайт нормально загружается в режиме инкогнито с отключенными расширениями. После этого сайт загружается в обычной версии Chrome. После этого сайт загрузился нормально в Опере. Steve 10 лет назад 0