jquery - 滑块透明.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

Can't you add

background: transparent;

on your IMG inside the popup? It removes the white background.