Нежелательная белая полупрозрачная накладка на сайт - PullRequest
0 голосов
/ 04 марта 2020

Я создаю партнерский веб-сайт электронной коммерции с WordPress, и вчера на нем появилось нежелательное белое полупрозрачное наложение, и я понятия не имею, как его удалить. Я искал в Google, но не нашел правильного ответа. Он появляется при загрузке и в основном исчезает через 30 секунд или около того.

Обратите внимание, что я довольно новичок во всем этом.

Веб-сайт www.mystupidgift.com

1 Ответ

0 голосов
/ 04 марта 2020

Обычно, когда возникают эти проблемы, лучше всего попытаться нажать «X», чтобы остановить загрузку страницы, пока «вещь делает то, что вы хотите исправить». Поэтому, пока страница имеет «оверлей», остановите загрузку страницы, и затем вы можете открыть Dev Tools (F12 в Chrome) и перейти к прокрутке вниз по элементам.

Для чего-то вроде этого, это немного сложнее, потому что вы обычно ищете полноэкранный элемент, , но не всегда . Вы можете просто нажимать «удалять» их один за другим, пока нежелательная вещь не исчезнет (я считаю, что это легче работать снизу вверх, так как эти элементы имеют более высокий z-индекс по умолчанию и отображаются поверх более ранних элементов ).

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

Файл вашей темы page-in-out.min.css устанавливает контейнер вашего сайта (#st-container) с непрозрачностью .2. Это эффект, который вы хотите исправить. Он исчезает, когда ваш сайт полностью загружен, и класс .fade-in добавляется к #st-container, который устанавливает непрозрачность на 1. Я не уверен, какой файл JavaScript делает это, потому что я не смотрел и не думаю, что это необходимо знать.

Я не знаком с выбранной вами темой, но там очень хорошо может быть такая настройка, как "исчезать с сайта, пока он не загрузится", "страница в / из" или что-то в этом роде. Если вы не хотите возиться с этим, настройки отсутствуют или вы не можете их найти - вы можете просто добавить больше указаний c CSS в этот элемент, чтобы он всегда был полностью непрозрачным, независимо от класса .fade-in.

Чтобы сделать это, вы можете просто go до Внешний вид> Настроить и открыть Дополнительная CSS вкладка. Там вы можете просто вставить что-то вроде:

#st-container.st-container { opacity: 1; }

Вот краткий скриншот процесса разработки инструментов, который привел меня к этому. Хотя это не конкретный c ответ в целом, это скорее ответ process , и, надеюсь, вы сможете использовать этот процесс (прекратить загрузку, открыть инструменты dev, вручную пролистать элементы и посмотреть в CSS и вычисленных стилях удалите элементы, если необходимо, с помощью клавиши Delete , et c.) в следующий раз, когда произойдет что-то подобное!

Image of dev tools showing the opacity

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...