2013-08-06 81 views
2

我目前正在使用一個網站,我希望我的內容div在頁面加載時以0不透明度開始,然後在短時間內淡入100%。我有這個工作很好,但我不確定我如何處理這是最好的方式。最初設置內容div爲零

我似乎已經讀過,最好不要在CSS中將不透明度設置爲零,而是通過jQuery將它們設置爲零。這樣,如果用戶沒有啓用Javascript,他們仍然能夠看到內容。

但是,有時這種方法有毛病,至少在我的頁面上。在腳本有機會接管之前,有時會加載HTML。這導致頁面最初顯示,然後消失,然後根據需要消失。沒什麼大不了的,但並不像我想的那麼順利。

有沒有更好的方法來處理初始設置不透明度爲零?

該網站現在是here

回答

0

我會說,把你的jquery的工作,因爲你通常會有它的工作,之後,加入這個<noscript>標籤,當然你將無法在jquery中製作動畫, LL使股利不透明度100%,在指令碼的標籤,然後

編輯:你可以在喬在無腳本標籤答​​案添加的風格,那麼你就必須替代解決方案:)

1

雖然我認爲用戶禁用JavaScript可以忽略,你可以嘗試這樣的事情:

<style> 
    #content{ 
     opacity:0; 
    } 
</style> 

<noscript> 
<style> 
    #content{ 
     opacity:1; 
    } 
</style> 
</noscript> 
+0

如何讓我的答案在代碼中得到upvote? – pythonian29033

+1

@ pythonian29033,我給了upvote,因爲我可以閱讀代碼,但我無法理解你的答案。 「讓你的jquery像平時一樣工作」有一個語法錯誤:-p – FakeRainBrigand

+0

更好地使用編程語言而不是口語與程序員說話我猜 – pythonian29033