0

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

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

4

1 回答 1

0

它对我来说似乎工作正常(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>
于 2009-08-12T23:41:51.973 回答