css - IE7，CSS3，背景图片和缩放

好的，这是我的问题。
对于客户端，我使用的是灯箱（在本例中为slimbox2）
我已经修改了它的内容，以便如果图像大于屏幕尺寸，
图像最大宽度/高度是屏幕尺寸本身。

换句话说：如果image> screensize => image == screensize

我对大多数浏览器都使用css3 background-size属性，但效果很好。
对于IE5.5 +，我正在使用过滤器：AlphaImageLoader。

所有这些都很好，但是当我将鼠标悬停在图像上时，我应该获得下一个和上一个按钮。
这在IE7中不起作用-似乎按钮停留在背景图片下，因为
它具有CSS过滤器：AlphaImageLoader。有什么办法可以使
按钮可见吗？

这是我的代码（与PHP融为一体的JQUERY）：

        $bgsize = preload.width +'px '+preload.height +'px';
        $(image).css({backgroundImage: "url(" + activeURL + ")",
                          visibility: "hidden",
                          display: "block",
                          'background-size':$bgsize,
                          '-webkit-background-size':$bgsize,
    'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+ activeURL+'\',sizingMethod=\'scale\')',
'-ms-filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+ activeURL+'\',sizingMethod=\'scale\'

这是CSS：

#lbImage {
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
    display: block;
    position: absolute;
    top: 0;
    right:-10px;
    width: 50%;
    outline: none;
}

#lbPrevLink {
    left: 0;
}

#lbPrevLink:hover {
    background: url(prevlabel.jpg) no-repeat 0 15%;
}

#lbNextLink {
    right: 0;
        z-index:20000;
}

#lbNextLink:hover {
    background: transparent url(nextlabel.jpg) no-repeat 100% 15%;
}

PS：尝试了最常见的解决方案，例如z-index，相对/绝对定位等。

最佳答案

AlphaImageLoader将图像放置在对象背景和内容之间，因此下方的所有内容均为obscured。使用background-size shim或pure CSS lightbox作为替代。