Image IE7、CSS3、背景图像和；缩放比例

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

换句话说：如果图像>屏幕大小=>image==screensize

我在大多数浏览器中使用css3背景大小属性，它工作得很好。 对于IE5.5+，我使用的是过滤器：AlphaImageLoader

所有这些都很好，但当我在图像上悬停时，我应该会得到一个“下一个”和“上一个”按钮。 这在IE7中不起作用-按钮似乎停留在背景图像下，因为 它有css过滤器：AlphaImageLoader。有什么办法可以使你满意吗 按钮是否可见

下面是我的一段代码（JQUERY与PHP合并）：

        $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将图像置于对象背景和内容之间，因此下面的所有内容都是。使用a或a作为替代方案

AlphaImageLoader将图像放在对象背景和内容之间，因此下面的所有内容都是。使用a或a作为替代方案

按钮是标签吗？我知道，对于ie7，如果你想要块类型的按钮，它们必须有一个不透明的背景色或背景图像设置，以便它们正常工作，特别是如果它们不包含文本。尝试添加

背景图像：url（'nonexistantimage.jpg'）至
#lbPrevLink，#lbNextLink
。不存在的图像也可以工作。按钮是否有标签？我知道，对于ie7，如果你想要块类型的按钮，它们必须有一个不透明的背景色或背景图像设置，以便它们正常工作，特别是如果它们不包含文本。尝试添加
背景图像：url（'nonexistantimage.jpg'）至
#lbPrevLink，#lbNextLink
。不存在的图像也可以工作。我完全自定义代码，这样当它比我的屏幕大时，它会重新缩放到屏幕大小。我完全自定义代码，这样当它比我的屏幕大时，它会重新缩放到屏幕大小