ページを読み込むときにCSSページの背景イメージをjQueryでフェードインしたいとします。 jQueryを使用してCSSページの背景画像を設定することは可能であり、ページが読み込まれたときにテキストをフェードインすることも可能ですが、両方を行う方法がわかりません。jQueryを使用して読み込んだページの背景イメージを縮める
あなたが行うことによって、jQueryのでCSSの背景画像を設定することができます：あなたがやってテキストをフェードインすることができます
showBackground($("body").css({"background-image":"url(yourimage.jpg)"}));
を：
$(document).ready(function(){
$('#fade').hide();
$('#fade').append('This text should fade in.');
$('#fade').fadeIn();
});
あなたは、ページの読み込みではなく、体内の背景画像を読み込むことができますそれを消すには、divを100％の高さで置き、背景画像を保持するような他の操作をする必要があります。私は次のように試して、それはテキストと背景（div内）の両方で消えます。
<html>
<head>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
</script>
</head>
<body>
<div id="b" style="display:none;left:0;top:0;margin:0;padding:0;width:100%
!important; height:100% !important;
background-image:url('DSC00667.jpg');z-index:-1000;">
</div>
<div style="top:0;left:0;position:absolute;">
<div id="d" style="height:200px;width:500px;margin:0 auto;top:0;
clear:none;z-index:100;">
this is text div that will fade in.
</div>
<div style="clear:both;height:1px !important;"> </div>
</div>
<script type="text/javascript">
$(function(){
$("#b").fadeIn();
$('#d').hide().append('This text should fade in.').fadeIn();
});
</script>
</body>
</html>
スタイル要素が少なくても動作する可能性がありますが、テストしていません。