ReCAPTCHA v3 Google Badge рисуется под содержанием страницы - PullRequest
Новая
       14

ReCAPTCHA v3 Google Badge рисуется под содержанием страницы

0 голосов
/ 12 декабря 2018

Пожалуйста, посетите эту страницу:

https://www.publictalksoftware.co.uk/contact-form/

В идеале, пожалуйста, используйте маленький телефон, такой как iPhone6s.Прокрутите вниз:

Badge overwrite

Я знаю, как определить некоторые элементы управления и установить их Z-индекс на 0, и, таким образом, значок будет над ними, нодобавление таких настроек для всего будет кошмаром.

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

Проблема усугубляется, если вы прокрутите до самого низа на ПК.Наведите указатель мыши на значок, и он отобразит ПОД область нижнего колонтитула.

Я пробовал это: 

body:not(.page-id-833) .grecaptcha-badge {
  z-index: 99999;
  display: none;
}

Без радости.

1 Ответ

0 голосов
/ 12 декабря 2018

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

.grecaptcha-badge {
   display:none;
}
.page-id-833 .grecaptcha-badge {
   z-index: 99999;
   display:block !important;
}

Что касается высокого z-индекса.Это только то, что работало на сайте, который вы предоставили.Если у вас есть проблемы, и это работает только на некоторых ваших страницах.Просто добавьте! Важный для вашей таблицы стилей.

...