jquery的DIV背景淡入

我有以下的HTML頁：jquery的DIV背景淡入

<body> 
    <div class="hide1" style="width:1000px; height:1000px;"> 
    <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
     <tr> 
      <td colspan="2" align="center">Heading</td> 
     </tr> 
     <tr> 
      <td width="51%">Left1</td> 
      <td width="49%">right 1 </td> 
     </tr> 

     <tr> 
      <td>Left 2 </td> 
      <td>right 2 </td> 
     </tr> 
    </table> 
    </div> 
</body>

類hide1是：

<style> 
.hide1 { 
    background: url(back.png) no-repeat; 
} 
</style>

和jQuery的功能是：

<script> 
$(document).ready(function(){ 
$("div.mover").click(function() { 
$("div.hide1").fadeTo("slow", 0.33); 
}); 
}); 
</script>

我的問題是，整個頁面消失。但我只想淡入div的背景圖像。我如何做到這一點？

來源

2009-10-21 air

如何在背景圖像中添加一個div並將其淡入淡出狀態？

喜歡的東西：

<div class="wrapper"> 
    <div class="image"> 
    //FADE THIS 
    </div> 
    <div class="content"> 
    // DON'T FADE THIS 
    </div> 
</div>

，可以使用絕對定位爲內部的div。

來源

2009-10-21 14:38:03

完美地工作... – air 2009-10-21 14:45:48

您不能將CSS不透明度僅應用於元素的背景圖像。

你必須有兩個元素，一個包含背景圖像（你可以淡入淡出），另一個包含非淡入淡出的內容。然後，您使用CSS定位將它們放在彼此的頂部。

當內容元素的高度未預先知道時，這可能會變得棘手，因爲您需要使背景元素的高度相同;在這種情況下，您可能需要針對IE6的絕對定位和腳本備份的組合。

來源

2009-10-21 14:44:52 bobince

jquery的DIV背景淡入

回答

相關問題