我想淡入一頁。它應該儘快淡入,即不要等待圖像加載。什麼時候CSS轉換被觸發?
我有
<div class="content">
text, images
</div>
我有CSS像
.content{
opacity:0;
transition: opacity 0.3s ease-in-out;
}
,略高於</body>
一個html頁面我有
$(document).ready(function() {
$(".content").css("opacity",1);
});
但感覺像很長一段時間加載如果一個頁面有很多圖像。我認爲這是應該儘快將DOM寫入瀏覽器?
我嘗試刪除文檔準備,但它是一樣的。所以我想知道,什麼時候CSS轉換被觸發?它晚於文檔準備好嗎?
我要去的效果是頁面褪色。
您是否在執行jQuery的正文的末尾嘗試了腳本? – Seano666
這是一個很好的問題!這將需要一些測試..非常好奇,看到這個答案和答案! – MElliott
這是一個相關的問題http://stackoverflow.com/questions/11679567/using-css-for-fade-in-effect-on-page-load可能有助於回答。 – archie