jquery - jQuery 褪色不透明度问题

Question

对于客户，我试图让这个网站在 IE 和其他网络浏览器中工作（目前仅适用于 Mac 的 Safari 和 Firefox）：http ://www.randomscripts.net/think_company_world/main.php 我正在使用 JQuery 的图片上的fadeIn 和fadeOut 函数可以在后台循环显示它们。对于上面列出的浏览器之外的所有其他浏览器，它只是在内容上显示一个黑框。我认为这可能与 opacity: CSS 属性有关，但不太确定。

如果有人可以看一看，我将不胜感激。

Answer 1

它对我来说似乎工作正常（Chrome、IE8 和 Firefox 3。在 Vista 下）。

您确定图像有时间加载吗？如果将图像大小调整为 100x100 并重新运行脚本，是否会遇到同样的问题？

其他想法

我在第 320 行（导航 6 的子选项）上遇到错误，因为您在页面上没有任何 id 为 nav6_sub 的项目，因此这可能会给您带来问题。

您在该页面上复制了很多代码（您是在复制和粘贴还是在循环中创建它？），您可能应该考虑创建一个 jQuery 插件或其他东西。我一直觉得这个页面很有用（当然还有 jQuery 文档）： http: //www.learningjquery.com/2007/10/a-plugin-development-pattern

此外，它可能不相关，但您的子导航周围的 HTML 可能需要一些清理。代替

<ul>
    <li><a href="#" id="nav5" onmouseover="dropDown('nav5_sub')"></a></li>
        <div class="sub" id="nav5_sub">
            <li>Private Client Log In</li>
            <li>Student Log In</li>
        </div>
    </li>
</ul>

你应该有类似的东西：

<ul>
    <li>
        <a href="#" id="nav5" onmouseover="dropDown('nav5_sub')"></a>
        <ul class="sub" id="nav5_sub">
            <li>Private Client Log In</li>
            <li>Student Log In</li>
        </ul>
    </li>
</ul>