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褪色不透明問題

回答

相關問題