Internet explorer 8 Nivo滑块中的IE8透明PNG问题使用背景图像作为上一个和下一个按钮

我在用电话

除了XP上的IE8之外，它在所有设备上都工作得很好，这是因为臭名昭著的IE透明png问题，我在滚动时在prev和next按钮周围有黑色边框。“上一个”和“下一个”按钮需要是透明的PNG，因为它们有一个下拉阴影，并且放置在过渡图像的顶部

箭头

IE8 XP中的问题

HTML文件

<div class="nivo-directionNav">
    <a class="nivo-prevNav" style="display: none;"></a>
    <a class="nivo-nextNav" style="display: none;"></a>
</div>

我已尝试将此javascript作为修复程序实现：

var i;
for (i in document.images) {
if (document.images[i].src) {
    var imgSrc = document.images[i].src;
    if (imgSrc.substr(imgSrc.length-4) === '.png' || imgSrc.substr(imgSrc.length-4) === '.PNG') {
        document.images[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='" + imgSrc + "')";
    }
}
}

…以及在本论坛的类似帖子上找到的，但都没有成功

---

我在这上面浪费了很多时间，所以我真的很感激任何能为解决问题提供帮助的人

此javascript脚本不适用于背景图像，仅适用于“img src”

有两种解决方法： 使用“img src”并放置“位置：绝对”，并将图像定位在背景中

或

制作一个if IE，并使用以下图像代替背景图像：

过滤器：progid:DXImageTransform.Microsoft.AlphaImageLoader（enabled='true'，sizingMethod='crop'，src='link-to-image'）

---

继续为其他浏览器使用背景图像。

尝试在“nivo slider.css”（未指定主题的样式）中插入以下行：

---

它适用于切片效果，但也适用于其他效果，不过在我的例子中，此解决方案将淡入淡出效果更改为简单的更改图片效果（无淡入淡出）。也许会对你有所帮助。

IE只是在链接中添加边框吗？设置边框：箭头上没有，看看这是否解决了问题。谢谢你的建议-但它不是css边框。箭头图形是在Photoshop中创建的，带有阴影。投影的整个区域应该是半透明的，在IE上滚动时显示为纯黑色。您可以在Firefox/Chrome上查看它在滚动时的外观。您的站点链接将转到滑块页面。你能解决这个问题吗？我认为IE条件语句是我最好的选择。但是-背景图像是使用以下来自NIVO滑块的javascript动态创建的：slider.css（'background'，'url（'+vars.currentImage.attr（'src'）+''）no repeat'）；知道如何将IE条件语句应用于此代码吗-打开FIREFOX firebug检查元素，右键单击元素（firebug内部）并复制css路径，对每个图像执行此操作。。然后。。

var i;
for (i in document.images) {
if (document.images[i].src) {
    var imgSrc = document.images[i].src;
    if (imgSrc.substr(imgSrc.length-4) === '.png' || imgSrc.substr(imgSrc.length-4) === '.PNG') {
        document.images[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='" + imgSrc + "')";
    }
}
}

.nivo-slice
{
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important;/* IE8 */   
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF) !important;/* IE6 & 7 */      
zoom: 1;
}