滑块透明.png图像背景修复

时间:2012-02-10 19:33:37

标签: jquery css kwicks

我的一个项目非常奇怪的问题

这里

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

我们有一个所谓的图像菜单,通过Kwicks脚本制作。问题是我们以.png格式制作图像并且部分透明,这样当它们将一个滑过另一个时,通过那些透明部分从下方看到的瓶子将在另一个上可见。但是脚本Kwicks以某种方式将页面的主体背景颜色和用该颜色填充图像透明部分...如何解决?你能暗示一下吗?

2 个答案:

答案 0 :(得分:1)

您需要移除应用于overflow:hidden&gt;的<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规则来停止此操作:

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

答案 1 :(得分:0)

无法添加

background: transparent;
弹出窗口中的IMG

?它删除了白色背景。