jQuery褪色不透明问题

对于一个客户端，我试图让这个网站在IE和其他网络浏览器中工作（目前只适用于Safari和Firefox的Mac）：http://www.randomscripts.net/think_company_world/main.php我在图片上使用了JQuery的淡入和淡出功能在背景中循环播放它们。除了上面列出的其他浏览器之外的其他浏览器，它只是在内容上显示一个黑框。我想这可能与不透明度有关：CSS属性，但我不太确定。jQuery褪色不透明问题

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

来源

2009-08-12 PF1

它似乎对我来说很好（Chrome，IE8和Firefox 3.在Vista下）。

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

其他的想法

我行320（用于导航6个子选项）得到一个错误，因为你没有在页面上的任何物品与nav6_sub的ID，这样可能会导致问题为你。你正在复制那个页面上的很多代码（你是在复制粘贴还是在循环中创建它？），你应该看看创建一个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-12 23:41:51 jammus

jammus你好：谢谢你的建议。我会考虑制作一个插件，但是您认为哪些代码正在重复，因此我知道要整合哪些代码。另外，我用导航栏修复了这个问题，它似乎在验证时产生了更少的错误。也许因为我正在使用http://litmusapp.com/进行浏览器测试，它不会让页面加载完全？你的意思是将图片大小调整为100px×100px，上传这些图片，然后重新加载页面以测试它？谢谢你的帮助。 – PF1 2009-08-13 01:17:28

不客气。正在重复的代码的一个示例是以'//导航X的子选项'注释开头。这些部分的所有变化都是id的价值。你可以创建一个插件并传递值，而不是重复每个需要的代码段。啊，litmusapp.com可能是问题，因为我认为它只需要加载页面的截图（可能在其他图片加载之前），我建议在虚拟机上安装一个窗口副本来检查其他浏览器。 – jammus 2009-08-13 07:24:55

jQuery褪色不透明问题

回答

相关问题