IE8 jQuery FadeTo答案

【问题标题】：IE8 jQuery FadeToIE8 jQuery FadeTo
【发布时间】：2009-06-18 21:51:27
【问题描述】：

HTML 标记：

    <ul id="portfolio"><li class="web">
            <span class="info">August 2007 <a href="http://awebsite.com" rel="external">visit</a></span>
            <a href="/assets/image.jpg" class="fancybox" rel="web">
                <img src="/assets/imagelarge.jpg" alt="Rising Star Ranch" />
                <span class="title">Some Title</span> Some other text...
            </a>
        </li>
    </ul>

jQuery:

$("ul#portfolio li").fadeTo("slow", 0.3);

在 Firefox 3 和 3.5 以及 IE7 中，它的行为符合预期，并淡出“li”中的所有元素。在 IE8 中，什么都不会褪色，调试时也不会出现 Javascript 错误。

页面位于 http://joecoledesign.com/portfolio

谢谢！

【问题讨论】：

忘了说。如果您使用开发人员工具并查看 HTML 源代码，它会显示 li 具有样式“filter: alpha(opacity=30); ZOOM: 1;”但它绝对不是那样显示的。
您使用的 jQuery 版本是什么？
我使用的是最新的 1.3.2
打包你的JS对调试过程没有帮助。 :-/
忘记了......它不再是了。对不起！

标签： javascript jquery xhtml internet-explorer-8

【解决方案1】：

您是否尝试过在 ul#portfolio li 周围加上引号？选择器只是一个字符串，所以它需要引号。即使在我的 Firefox 中，没有引号也不起作用。

$("ul#portfolio li").fadeTo("slow", 0.3);

编辑：好的，尝试将淡入淡出应用于所有子元素：对于初学者来说，span 和 img 会一一对应。它确实可能是一个 IE 错误。

编辑：您还缺少 id="portfolio" 的结束语。来吧，伙计，在你发帖之前尝试解决这些问题。

编辑：顺便说一句，以上在 IE8 中运行良好 - 我只是将它们放在一起并将其扔到一个空白的 IE8 页面中 - 整个事情都消失了。

编辑：很有可能您页面上的其他东西正在这样做，因为它可以独立运行。

【讨论】：

它有引号，我在里面有一个变量，只是把它直接放在那里作为例子，在这里忘记了引号。
什么对你有用？将淡入淡出应用于每个子元素？ id 上缺少的引号是因为它是动态生成的，我在此处发布时手动输入了它...oos。
不，整个事情，包括褪色的图像（我放入了您的一个图像网址），当时我只使用了您自己的褪色线
当时正在继承一些其他风格。我确实有，但它不起作用......
我以后会搞砸的。如果我没有找到任何东西，我会接受你的回答......非常感谢！

【解决方案2】：

非常酷的页面乔！唯一想到 WRT IE8 的是 jQuery 可能没有赶上它，或者您的浏览器可能有些有趣（例如您的 javascript 设置可能会被调整）。

【讨论】：

我在 IE8 中测试了他的页面，确实没有褪色。此外，jQuery 自己的示例在 IE8 中也可以正常工作。
感谢页面上的评论 ;) 浏览器 Javascript 绝对只是默认设置...我很确定这是我安装 IE8 后第一次打开它：P I'我很确定 jQuery 实际上也在应用该样式，因为如果您使用 IE8 开发人员工具查看源代码并在选择过滤器后刷新开发人员工具源代码，它会将样式显示为 "style='filter: alpha(opacity= 30); ZOOM: 1;'" 似乎是一个 IE8 错误，也许它没有将淡入淡出应用于子元素？
可能是这样 - 尝试将其应用于 span 和 img。

【解决方案3】：

我在 IE8 的透明度方面遇到了同样的问题。显然，IE8 设置透明度的方法与 IE6/7 不同。不幸的是，jquery 还没有办法为 IE8 设置透明度动画。为什么是微软，为什么？！？

http://mdasblog.wordpress.com/2009/07/24/jquery-fun-with-animation-and-opacity/

这就是我在这个主题上发现的，读完之后我放弃了尝试让它发挥作用，因为它证实了我的怀疑。希望 jquery 能在他们的下一个版本中修复这个问题。

【讨论】：

【解决方案4】：

我经历了同样的事情，并且由于 Artem 的帖子发现表格的子元素没有收到 IE8 中的不透明度更改。因此，乍一看似乎什么都没有发生。我相信 Artem 的空白页示例有效而原始海报示例无效的原因是 Artem 的示例中没有孩子。

在子元素上添加 fadeTo 为我解决了这个问题。旧帖子，但它解决了我的问题，所以认为它仍然相关。

【讨论】：