Слайдер прозрачный .png изображения фон исправить

Question

У меня в одном из наших проектов очень странная проблема

здесь

http://konyak.georates.net/page-2/

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

Answer 1

Вам необходимо удалить свойство overflow:hidden, примененное к элементам <li>, которые являются предками ваших изображений бутылок:

ul#accordion-slider li {
    display : block;
    /*overflow: hidden;*/
    padding : 80px 0 0 0;
    float   : left;
    width   : 60px;
    height  : 350px;
}

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

Обновление

Кажется, что скрипт на вашей веб-странице повторно добавляет overflow : hidden CSS каждый раз, когда вы наводите курсор мышиизображений.Вы можете остановить это, добавив !important к правилу css, которое гласит overflow : visible:

ul#accordion-slider li {
    display  : block;
    overflow : visible;
    padding  : 80px 0 0 0;
    float    : left;
    width    : 60px;
    height   : 350px;
}

Answer 2

Не можете ли вы добавить

background: transparent;

на вашем IMG внутри всплывающего окна? Удаляет белый фон.