Слайдер прозрачный.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 внутри всплывающего окна? Удаляет белый фон.