jQuery всплывающее окно с блеклым фоновым конфликтом с прозрачными PNG

Question

Я создаю всплывающую корзину для покупок в интернет-магазине, которая действует как своего рода лайтбокс. Тележка появляется, когда она должна, и фон становится серым, когда должен.

Проблема: некоторые элементы на странице загораются при исчезновении, это очень некрасиво.

Я использую jQuery.fadeIn и jQuery.fadeOut.

Моя проблема продемонстрирована здесь .

Нажмите на фразу «Корзина» в правом верхнем углу, чтобы увидеть, что происходит.

Answer 1

Похоже, что вы должны постепенно затенять фон, а не полагаться на то, что он унаследует непрозрачность от содержащего элемента.Вы понимаете, что я имею в виду?Вам придется выполнить два fadeIn / fadeOut параллельно.

Answer 2

Вот, пожалуйста, мой друг

.popup-cart-container {
display: none;
left: 0;
position: absolute;
top: 0;
z-index: 1000;
}