背景圖片淡入問題

我在我的頁面的主體上使用了淡入淡出效果，但是有一個特定的頁面，其中包含一個大的背景圖片，它包含在該圖片的主體標記中，但它不會淡入其中，影響。我怎麼能做到這一點？這裏是我當前的代碼..背景圖片淡入問題

$(document).ready(function() { 
    $("body").css("display", "none"); 
    $("body").fadeIn(3000); 
}); 

body{ 
    background: #ffffff url("../images/test.jpg") no-repeat; 
    z-index: -2; 
}

來源

2011-04-27 gables20

可能的重複http://stackoverflow.com/questions/977090/jquery-fade-in-background-image – 2011-04-27 10:08:51

我不認爲這是可能褪色<body> - 一個解決方法是將所有內容都包裝在容器中，並在其上設置圖像。

HTML：

<body><div id="container">**all your site content goes here**</div></body>

JS：

$(document).ready(function() { 
    $('#container').hide().fadeIn(3000); 
});

小提琴：http://jsfiddle.net/ztXnZ/2/

編輯：有趣，一個body標籤的內容可以消失，但它願買電子健康我不在身體標籤上的任何CSS背景上行事。在這裏演示：http://jsfiddle.net/Fxvdz/

來源

2011-04-27 10:19:48

+ 1相同的解決方案，除了[我的]（http://jsfiddle.net/ywZqA/）添加了「星球大戰」！ :-) – andyb 2011-04-27 10:30:12

修改代碼，這樣

$(document).ready(function() { 
    $("body").css("display", "none"); 
    $("body").addClass("body1").fadeIn(3000); 
});

創建這個CSS類

.body1 { 
    background: #ffffff url("../images/test.jpg") no-repeat; 
    z-index: -2; 
}

來源

2011-04-27 10:10:43 abhijit

這不適用於我在Chrome中。你可以在[jsfiddle.net]（http://jsfiddle.net/）上創建演示嗎？ – andyb 2011-04-27 10:22:17

肯定會嘗試讓你知道 – abhijit 2011-04-27 10:43:37

背景圖片淡入問題

回答

相關問題