Question

我无法在IE8中顺利淡出。它适用于IE8 IE“兼容性视图”模式以及我尝试过的所有其他非IE浏览器。

“IAN MARTIN婚礼摄影新闻”动画部分在7＆amp; 8.然后，页面的其余部分应该淡入。但是，在IE 8中，它只是捕捉到视图并且不会像它应该的那样淡入。我在这个页面上发生了很多jquery的事情，不知道这是否是问题的一部分？我确实在子div中有jquery“Curvy Corners”，它包含在页面上的所有内容...这在我尝试过的任何其他非IE浏览器上都不是问题。

在这里，如果人们可以查看我的来源，并让我知道是否有任何事情从我的问题的可能原因跳出页面，请告诉我。（太多了，我想把'n'粘贴代码放到这里。）谢谢！

http://ianmartinphotography.com/test-site/index.html

后续，我可以简单地插入此代码告诉IE8模拟IE7还是最终会因为IE 8更新而停止工作？

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Answer 1

目前你有：

<script>
$(window).load(function(){
$(".imwpj").animate({"top": "+=200px"}, 0).fadeIn(2000).delay(500).animate({"top": "+=295px"}, 900); });
</script>
<!--everything else-->

<script>
$(window).load(function(){
$('#sub-fader').delay(5400).fadeIn(1000); });
</script>

我建议您将其更改为：

<script type="text/javascript">
$(window).load(function(){
  $(".imwpj").animate({
    "top": "+=200px"
  }, 0).fadeIn(2000).delay(500).animate({
    "top": "+=295px"
  }, 900, function() {
    $('#sub-fader').fadeIn(1000); });
  }); 
});
</script>

看看它是如何运作的。

P.S。 900, function() {，说“当这个结束时，然后运行这一点。所以它不会同时运行。

[进一步编辑]

$(document).ready(function(){
     setTimeout('runAnimation()', 500);
});

function runAnimation() {
    $(".imwpj").animate({
        "top": "+=200px"
    }, 0).fadeIn(2000).animate({
        "top": "+=295px"
    }, 900, function() {
        $('#sub-fader').fadeIn(1000); 
    });
}

在初始化动画之前，这将等待半秒钟（加载DOM）。

[再次编辑]]

Cufon is not defined [Break On This Error] <script type="text/javascript"> Cufon.now(); </script>
index.html（第74行）

preloadImages is not defined [Break On This Error] (function(){var s=true,t=false,aa=wind...nt;if(j instanceof Function)return i?

神经

Answer 2

好的，jquery IE Fadein and Fadeout Opacity

（我一直在网上搜索这个问题，最后点击了正确的关键词 - 我希望我之前发现过这个！）

@woodstylee很可能得到我需要的答案：

他说：“我在IE8中遇到了同样的问题。在调用fadeIn（）之前在JavaScript中设置DIV的不透明度解决了这个问题：”

$('.overlay').css('filter', 'alpha(opacity40)');
$('.overlay').fadeIn(500);

我不在我的Windows机器前面，但我很想在IE上尝试这个。这是我的测试页面，其中woodstylee的修复，不透明度设置为“0”。（这应该对应于普通的CSS显示：对于非IE浏览器，它运行良好。） http://ianmartinphotography.com/test-site/index-ie.html

在IE8中，div #field现在应该平滑地淡入视图，它是带有照片的白框和“IAN MARTIN婚礼新闻摄影”。

之前，这个div只会在没有渐变过渡的情况下进入视图。它可以在IE兼容模式下工作，但它在没有平滑过渡的情况下进入视图......

Answer 3

我通过实验发现，IE 8讨厌含有div的淡化div。 IE7，或者至少IE8模拟IE7，对于这种安排没有问题。 Windows和Mac上的Safari和FF也没有问题。所以，虽然这非常不满意，但我只是强迫我的页面进入IE7兼容模式

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

并希望从IE9中获得更好的性能，我还没有测试......

jquery与IE8淡出问题

3 个答案: