У меня есть макет HTM5 с примерно 8 <section> тегами на одной странице.Главное меню - это просто привязка ссылок к каждому разделу на странице.Каждый раздел заполняет окно браузера на 100% шириной и высотой, поэтому при нажатии на ссылку меню это выглядит так, как будто вы «скользите» на следующую страницу, но на самом деле это всего лишь одна длинная страница.Все разделы установлены на position: relative, поэтому я могу расположить абсолютно другие элементы внутри.
В разделе 3 я встроил карту Google в качестве фона с шириной и высотой 100% и z-индексом 1. Iпоместите поверх него некоторый текст с z-индексом 2. Все в этом разделе работает прекрасно, но по какой-то причине, когда карта загружается в него, это влияет на все разделы, которые идут после раздела карты.Я действительно не знаю, как лучше объяснить, но это почти как проблема перерисовки для всех следующих разделов.Фоны (все разделы имеют большой фон) либо не входят, либо имеют странные пропущенные фрагменты.Я приложил скриншот, чтобы проиллюстрировать, что происходит.
Если я не инициирую карту, этого не произойдет.Я даже попытался установить тайм-аут для инициализации карты через 10 секунд.Все разделы загружены отлично, затем, когда карта загружается через 10 секунд, фоны всех следующих разделов исчезли.
Кто-нибудь знает, что может происходить?
Пожалуйста, дайте мне знать, если это требует дальнейших объяснений.
Вот временная ссылка на страницу: http://www.adlucent.com/crrs/