Странное явление в Chrome

[Светлана Г.]

Есть сайт в разработке.

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

 

На сайте-демо этой темы нет такого явления.

[afdw]

document.querySelector("#menu-osnovnoe-menyu").style.height = "23.9px"; setTimeout(function(){document.querySelector("#menu-osnovnoe-menyu").style.height = ""}, 1)

Такой код убирает. Скорее всего Chrome просто не до конца перерисовывает.

[Светлана Г.]

А почему на демо-сайте нет такого?

[Q4Dizzy]

//Стёрто..

 

Извиняюсь, не подумал...

 

Вообще такая беда в вебкит часто из-за z-index. Либо когда он где-то лишний, либо когда вообще его не хватает.

Edited March 18, 2015 by Q4Dizzy

[Светлана Г.]

Хоть тема касается Chrome, в Яндексе обнаружилась еще одна проблема: фон у выпадающего меню сначала появляется, потом исчезает. Может это связано с работой каких-то скриптов, или не подгружаются нужные скрипты?

Такое же явление как в Chrome и в Яндексе.

Edited March 18, 2015 by Светлана Г.

[Q4Dizzy]

Яндекс.Браузер — интернет-браузер, созданный компанией «Яндекс» на основе движка Blink, используемого в открытом веб-браузере Chromium. Потому не удивительно, что если косяк в одном браузере, он будет и в остальных.. 

[Светлана Г.]

У шрифта была уменьшено opacity. Поставила 1 - теперь остается синий фон после убирания меню. Может так работают скрипты?

[Great Rash]

А если убрать transition, то такие же глюны?

UPD: Кажись нашел проблему, попробуйте убрать правило -webkit-backface-visibility: hidden;

[afdw]

У шрифта была уменьшено opacity. Поставила 1 - теперь остается синий фон после убирания меню. Может так работают скрипты?

 

opacity: 0.99;

[Светлана Г.]

А если убрать transition, то такие же глюны?

UPD: Кажись нашел проблему, попробуйте убрать правило -webkit-backface-visibility: hidden;

Да, меня тоже это правило насторожило.

Но сейчас я его убрать не могу, а только переопределить - у нас дочерняя тема WP. А это прописано в родительской.

В общем, сейчас отключила все свои стили, оставила только родные, которые были в теме. Все встало на свои места.

Буду подключать постепенно и смотреть - что дало такой эффект.

Меню там мудреное - при прокрутке, когда появляется фиксированная панель с меню, добавляется класс, который в свою очередь стилизуется отдельно.

Нашла, что дает эффект пропадания фона:

#main-menu ul.menu > li > a{height:auto;}

Вот как такая, на первый взгляд, безобидная вещь, создает такую проблему?!

Edited March 18, 2015 by Светлана Г.