jquery - slider 透明.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 来停止它声明 overflow : visible 的 css 规则:

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