jQuery褪色不透明度问题

时间:2009-08-12 22:47:23

标签: jquery html opacity fadein fadeout

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

如果有人可以看看,我会非常感激。

1 个答案:

答案 0 :(得分: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>