PHP Lang
  1. PHP Lang
  3. Использование карт Google в качестве фона?
Intereting Posts
Как редактировать и сохранять пользовательские файлы конфигурации в Laravel? Symfony 3.1 и OneUpUploaderBundle + Blueimp = UploadListener не вызывается Загрузка библиотеки из определенной папки структура массива результатов базы данных Обработка Laravel HttpException в модульном тестировании fwrite () не разрешено, но phpinfo () говорит, что это должно быть Разрешения для файлов; Должен ли мой контент в www-папке принадлежать www-data? PHP: пусть файл возвращает свой собственный каталог извлечь первые N цифр из строки с регулярным выражением Обновляйте только поле MYSQL, если поле содержит null или 0 Сравнение строки UTF-8 Что такое допустимые и читаемые подходы к комментариям в PHP5? Обновление от MYSQL до MYSQLI Страница входа в Cakephp запрашивает пользователей таблицы, но у меня есть только таблица пользователей Обнаружение мобильного браузера?

Использование карт Google в качестве фона?

Хорошо, поэтому я попытался внедрить Карты Google в качестве фона для своего веб-сайта. Но когда я пытаюсь поместить текст поверх него, используя этот код: 

.content{ z-index:0; background-color:fffff; position: absolute; top: 0; left: 0; width: 900; height: auto; margin-right: auto; margin-left: auto; }

И это дает мне ошибку с картой, которая отображает ее поверх карты, и это то, что я хочу, но по какой-то причине она не работает с полями. Весь мой код находится здесь: http://pastebin.com/uz6wwtYZ

Может ли кто-нибудь помочь мне, потому что я хочу, чтобы контент в центре веб-страницы и карта выступали в качестве фона.

Благодарю.

Related of "Использование карт Google в качестве фона?"

Попробуйте отрегулировать верхнюю и левую поля вместо поля, когда элемент установлен в абсолютное положение: 

 .content{ z-index: 100; background-color:fffff; position: absolute; top: 100px; left: 100px; width: 900; height: auto; margin-right: auto; margin-left: auto; }

Надеюсь, это поможет? Также может потребоваться установить более высокое значение z-индекса, как я сделал выше.

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

Вы можете попробовать это, предоставив свой контент абсолютной ширине и компенсируя свойство left: 

  .content{ width: 500px; z-index: 100; background-color:fffff; position: absolute; top: 100px; left: 50%; height: auto; margin: auto; margin-left: -250px; /* half the value of the width */ }

Вот ссылка на скрипт JS, который использует ваш код: http://jsfiddle.net/4FLKt/1/ Кажется, что он работает нормально.

Мики.

Вы пытались помещать контент поверх карты? 

 #map { z-index:1; } .content{ z-index:100; }

Это потому, что ваша используемая position: absolute; и это не работает с margin:auto; ,

Поместите div вокруг него с полной шириной по картам google и сделайте это абсолютным … тогда в этом div вы можете центрировать другой div.

пример 

 <div> //This div has position:absolute; and the width of the Google maps chart. <div> //This div has margin:0 auto; Content here </div> </div>