Question

我正在构建一个带有jquery标题的网站，将一张图片淡入下一张图片（正如您之前所见）。看一下示例页面：

http://hqinternetsolutions.com/fullservice/index.html

在IE6中，图像向右移动，形成边距。我弄清楚是什么导致了它。在jquery.innerfade.js文件中，有一行显示：

for (var i = 0; i < elements.length; i++) {
                $(elements[i]).css('z-index', String(elements.length-i)).**css('position', 'absolute').hide();**
            };

位置：绝对导致图像在ie6中显示不正确。当我将绝对值更改为相对或固定时，图像会显示在正确的位置，但下一个图像会在其下方加载，直到淡入淡出完成然后向上移动。我似乎无法让内心在ie中正常工作。有什么想法吗？

Answer 1

更改

$(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute').hide();

到

 $(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute').css('left','0').hide();

Answer 2

您只能使用CSS文件解决此问题：

将父元素设置为position：relative
将图像IMG标记设置为position：absolute;顶部：0;左：0;

Answer 3

我遇到了同样的问题。我能够破解代码，但现在图像在转换过程中被切成两半：

http://rosodigital.com/gray/index.htm

Answer 4

试试这个，这对我有用：

打开innerfade js文件并删除此行：

$ ('height', settings.containerheight).addClass(settings.runningclass);

然后在css中使用这些标签：

#somebanner {
    overflow: hidden;
    position: absolute;
    width:400px;
    left:5px;
    bottom:5px;
    height:36px;
}

隐藏溢出，因此浏览器上的平移栏不会出现，那么您需要设置高度和宽度，自动不起作用。

Jquery Innerfade在7及以下不正确

4 个答案: