Хром и фоновые слои не загружаются должным образом

Question

Это очень странная вещь, которую я испытал. В последнее время я работаю над проектом www.bandness.com, который позволяет музыкальным группам и группам загружать музыку. Художественный отдел был очень увлечен и точным, и они сделали невероятную работу, которая позволяет группам иметь великолепные профили.

Однако, когда в Chrome (я заметил, что это происходит только в хроме), когда вы вводите профиль, фоновое изображение не загружается должным образом, пока вы не прокрутите его, или вы не «выберите» слой div или те, Сверху.

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

здесь у вас есть еще один пример

и это, как веб-сайт должен рассматриваться без ошибки в левой части экрана

Почему это происходит?

Веб-сайт www.bandness.com, нажмите на любую из групп, где говорится «TOP 5 GROUPS» или в группе для каждой песни в «TOP 5 SONGS», и вы, вероятно, заметите, что я говоря о.

Это произошло со мной в хроме, на macbook pro с последней версией ОС. Как и в Windows 8. Меня это беспокоит, потому что у меня нет идеи, что вызывает это, и я боюсь хромовой ошибки.

Как это можно исправить? Любые предложения приветствуются, я подумал об использовании jQuery, чтобы заставить слой исчезать/появляться или что-то в этом роде ... но я не уверен, будет ли это работать.

Answer 1

Хорошо, поэтому я отправляю это как помощь для тех, кто страдает теми же последствиями этой ошибки в любое время. Обратите внимание, что ответ подразумевает использование jQuery.

Как было сказано ранее Кристоферу, я попытался сделать $ (SELECTOR) .hide(). Show(), но этого не произошло. Тогда я решил попробовать с $ (SELECTOR) .hide (100, function() {$ (SELECTOR) .show()}); гарантируя, что эффект показывается только после того, как слой div исчезнет (так он появляется и исчезает).

Решение работает, однако это не должно быть необходимо, и оно не дает ответа на вопрос, почему это происходит, но это «любопытное» делает трюк.

$ (SELECTOR) .fadeOut (100, function() {$ (SELECTOR) .fadeIn()}); делает это случаем гораздо более привлекательным образом. Опять же, как я сказал, это не исправление, это всего лишь обходной путь, который может привести вас куда-нибудь, если вы когда-нибудь столкнетесь с этой проблемой!