JQuery DIV фон FadeIn

У меня есть следующие HTML-страница:JQuery DIV фон FadeIn

<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>

Вы можете использовать абсолютное позиционирование для внутренних див.

источник

2009-10-21 14:38:03

работа совершенно ... – air

Вы не можете применять непрозрачность CSS только к фоновому изображению элемента.

Вы должны иметь два элемента: один из которых содержит фоновое изображение (которое вы можете исчезать) и другое, содержащее не затухающее содержимое. Затем вы размещаете их друг над другом с помощью CSS-позиционирования.

Это может стать затруднительным, если высота элемента контента не известна заранее, поскольку вам необходимо сделать фоновый элемент одинаковой высоты; в этом случае вам может понадобиться сочетание абсолютного позиционирования и резервное копирование сценариев для IE6.

источник

2009-10-21 14:44:52 bobince

JQuery DIV фон FadeIn

ответ

Смежные вопросы