Что за сбой в отображении сайта (Browserstack)?

Question

[Satir01]

Добрый день.
При просмотре скриншотов в Browserstack обнаружил, что на многих примерно такая картина

Чем может быть вызван данный эффект "непрокраса"?
В последних версиях всех браузеров отображается корректно.
Ссылка на codepen.

Answer 1

[hime2]

z-index и неправильная верска по отношению к свойству position

Comments

[Satir01]

Спасибо, нашел? что два блока имели одинаковый z-index

[hime2]

Satir01: Не за что

[Satir01]

hime2: Не уделите немного времени? Не могу до конца решить. Исправил header, но видимо не уловил суть ошибки

[hime2]

position стоит у всех блоков, которые участвуют ? relative/absolute. Я плохой учитель, плохо объясняю. Но суть такова, вот у вас 2 блока, один использует абсолютное позиционирование, значит у первого блока должно стоять relative, ну и разумеется z-index если ничего не изменилось, знат что-то с z-index. Еще возможно такая ситуация, что замешено свойство display. Я уже честно говоря уже больше года не верстаю, подзабыл. habrahabr.ru/post/166435 и habrahabr.ru/post/225721 почитайте. Вторая более актуальная.

Там надо просто в код глянуть, а у меня на это времени нету.

[hime2]

Вот это глупость, что я сейчас скажу, но может вы используете какие-то свойства, которые требуют префикса ? Попробуйте подключить leaverou.github.io/prefixfree

[hime2]

Возьмите bootstrap 3-4, у вас не одна проблема как я погляжу. Вы новичок, в самом начале пути, так что bootstrap для вас просто находка. Пару дней убьете на изучение док. а при желании не больше 2х часов, за-то ваши работы не будут разваливаться, разваливаться итд.

[Satir01]

hime2: Спасибо!