Блог

Главная - Вопросы по программированию - Не удается заставить fadeIn работать

Не удается заставить fadeIn работать

#jquery

#jquery

Вопрос:

Я пытаюсь заставить свой фон исчезать при нажатии кнопки, я делаю это правильно?

 $(document).ready(function () {
        $('#d_clip_container').click(function() {
            $('#d_clip_button').css('background-image','url(img/steps.png)').fadeIn("slow");
        });
    });

Комментарии:

1. Какой браузер? Некоторые старые, такие как IE8, не могут затухать прозрачные PNG-файлы.

2. Можете ли вы показать структуру html или привести неработающий живой пример?

3. Вероятно, вам потребуется создать фон для отдельного элемента и анимировать непрозрачность этого элемента.

Ответ №1:

$("#d_clip_button") отображается перед вызовом .fadeIn() ?

если это видно, .fadeIn() ничего не сделает..

Комментарии:

1. Ах, да, это так. Я хочу изменить цвет фона на кнопке.

2. затем вам нужно скрыть фон, прежде чем вы будете скрывать его в

3. я думаю, что это действительно невозможно

Ответ №2:

это должно сработать:

 $(document).ready(function () {
 $('#d_clip_button').css({'background-image':'url(img/steps.png)','display':'none'});
        $('#d_clip_container').click(function() {
            $('#d_clip_button').fadeIn("slow");
        });
    });

Ответ №3:

Вы не можете исчезнуть в фоновом режиме, вы можете исчезнуть только в HTML-элементах, таких как кнопка целиком.

Я думаю, .animate() это поможет.