jquery循环幻灯片在IE中不褪色

发布于 2024-10-15 00:22:36 字数 527 浏览 5 评论 0原文

这是 jquery 循环、sIFR3 和其他一些东西的疯狂弗兰肯斯坦碰撞——它在 Chrome、Safari 和 Firefox 中运行良好,但在 IE 7 或 8 中不起作用(当然)。

http://ianmartinphotography.com/test-site/testimonials/sifr-dual.html

这里有两个 jquery 循环幻灯片设置为不同的速率 - 一个用于 sIFR 文本(无淡入淡出),另一个用于照片淡入淡出。我确实在一场演出中拥有了所有内容,但当幻灯片淡出并消失时,它对 sIFR 产生了奇怪的影响。 (请注意,我为 sIFR 触发设置了一个小延迟 - 如果没有它,sIFR 将无法加载超过第一张幻灯片。)

关于如何让这个奇怪的页面在 IE 7 和 8 中工作有什么想法吗?我希望照片淡入和淡出,sIFR 文本可以快速淡入和淡出而不会淡出。谢谢你!

This is crazy Frankenstein collision of jquery cycle, sIFR3 and some other stuff--it works great in Chrome, Safari and Firefox, but not IE 7 or 8 (of course).

http://ianmartinphotography.com/test-site/testimonials/sifr-dual.html

There are two jquery cycle slideshows here set to different rates--one for the sIFR text (no fade) and one with a fade for the photos. I did have everything in one show, but it did weird stuff to the sIFR when the slides faded and out. (Note that I have a small delay set for the sIFR to trigger--sIFR won't load past the first slide without it.)

Any ideas about how to get this freakin' page to work in IE 7&8?? I want the photos to fade in and out, sIFR text can just snap in and out without fading. Thank you!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

香橙ぽ 2024-10-22 00:22:36

我发现 IE 7 和 8 很难淡化嵌套有 div 的 div。

IE7 似乎在这种安排下工作得更好(只是一点点),IE8 只是点击它们而没有过渡。

这是我更新和简化的测试页面:

http://ianmartinphotography.com/test-site/testimonials/

我强制它进入 IE7 模拟模式,并希望 IE9 对 jQuery 淡入淡出更加友好。

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

我将在接下来的几个月中观察我的 Google Analytics 数据,当我对足够的访问者感到满意时正在使用 IE9,我将删除该元代码 - 不过,我还没有在 IE9 中测试此页面。

无论是在 Windows 还是 Mac 中,Safari 和 FF 都没有遇到此页面的问题(照片会褪色,而不是 sIFR 的文本 - 我对此很满意)。由于此页面在非 IE 浏览器上运行良好,因此我将继续前进,不再担心 IE,因为该页面可以与 IE 一起运行,只是体验不太好。不过,我仍然很想知道如何在 IE 中淡出过渡。

I've found that IE 7&8 have a tough time fading divs that have divs nested inside them.

IE7 seems to work better (just a little) with this arrangement, IE8 just clicks them on with no transition.

Here's my updated and streamlined test page:

http://ianmartinphotography.com/test-site/testimonials/

I'm forcing it into IE7 emulation mode and hoping IE9 will be more jQuery fade friendly.

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

I'll be watching my Google Analytics data over the coming months and when I'm satisfied that enough visitors are using IE9, I'll remove that meta code--I've yet to test this page in IE9, however.

Safari and FF have no trouble with this page in either Windows or Mac (the photos fade, not the text which is sIFR--I'm fine with that). Since this page works well with the non-IE browsers, I'm moving on and not worrying about IE as the page functions with IE, it's just not as nice an experience. I'd still love to know how to make the transition fade in IE, however.

晨曦慕雪 2024-10-22 00:22:36

我遇到了类似的问题,发现幻灯片项目需要在CSS中设置宽度和高度,否则它们不会褪色,而是闪烁白色。

I had a similar problem and found that the slide items needed width and height set in the CSS, otherwise they did not fade but flash white instead.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文