jquery - jQuery的背景动画问题

Question

我正在创建一个使用 AJAX 来切换内容的页面，5 个页面中的每一个都有自己的背景颜色。

改变页面，使当前背景动画到新的背景。我有 24 位 PNG 具有 alpha 透明度，它覆盖了背景颜色的变化(它工作正常)。

然而，有一个小问题。有时，至少在 Firefox 3.5.1 和 Safari 3/4 中，背景会发生变化，但我的 #main-container div 不会。容器具有 background: transparent 以确保。

问题是，这不是每次都会发生，只是有时会发生。这可能只是我让浏览器做的事情的怪癖吗？

我正在使用 jQuery 插件来设置背景颜色的动画。

我想知道，有谁知道如何强制 #main-container 继承它的父容器的 (body) 背景？

我知道我可以用 setInterval() 来 ping 它，但这将是一个丑陋的解决方案。

非常感谢任何建议。

该站点可查看@ http://www.acura.com.au/~kohana/

右边有一个菜单，点击这些部分就是问题所在。您可能需要至少导航 8 次左右才能看到这个怪癖。

非常感谢任何帮助!

更新

我将尝试使用 setInterval() 来检查颜色...但不确定如果我检测到它们有误我会怎么做。

Answer 1

继续我上面关于时间的评论(抱歉，这不是一个实际的答案，但评论字段中没有足够的空间)......我认为问题是由于以下两个时间事件:

1. 新样式表的动态(异步)加载
2. updatePage 函数，您可以在其中获取要淡入淡出的背景色

问题(如果我正确阅读了您的代码)是您从 div 中抓取要淡入淡出的颜色，该 div 由您动态加载的样式表设置样式。如果它还没有完成加载(不仅仅是下载，还有样式到 DOM 的应用)，那么你抓取的背景颜色将是旧的。

所以从这里采取的步骤...首先尝试将 CSS 加载器的超时时间更改得非常小，看看这是否会使 bug 出现得更频繁(或者让它变大，看看它是否消失)。如果这看起来匹配，那么一个可能的解决方案是在循环中使用超时来测试背景颜色与已知旧颜色的对比，直到您看到它发生变化，然后继续您的背景动画等。

希望对您有所帮助...