Задать вопрос
@tokmaganbet1
html

Как можно сделать такой серый фон, но при этом чтобы карту можно было использовать?

Как можно сделать такой серый фон, но при этом чтобы карту можно было использовать?
<section>
        <div class="map">
            <iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3Abb1ea4fad291dee4fd03164165545c1409621f6b10c3b1114043f16395c58cd7&amp;source=constructor" frameborder="0"></iframe>
            <div class="container">
                <div class="map_item">
                    <h5>Головной офис:</h5>
                    <p>г.Москва, ул. ХХХХХХХ, хххХХ, ХЗХХ</p>
                    <p>Тел.: 8(800) ХХХ ХХ ХХ</p>
                    <p>E-Mail: хххххх@xxxxxx.ru</p>
                </div>
            </div>
        </div>
    </section>

5b3b267bd899b160011380.png5b3b267fb389a347078557.png
  • Вопрос задан
  • 199 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку 
.map [class*="ymaps-2"][class*="-ground-pane"] {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 3.5+ */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

где .map это контейнер, в котором лежит карта
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Спарсить TON PLACE: скрейпинг фото и текста с анкет по списку URL
25 апр. 2024, в 05:57
3000 руб./за проект
Правки в webApp готового и написанного телеграмм бота next, tailwind
25 апр. 2024, в 05:29
25000 руб./за проект
Фронтер - DevOps. Развернуть фронт на хостинге. Прокинуть в телегу-бот
25 апр. 2024, в 04:38
10000 руб./за проект
Ещё заказы