В mozille и IE не работает transition на background-image

@korol_lion · Регистрация: 06.04.2013

Студворк — интернет-сервис помощи студентам

Префиксы стоят, но эти два браузера просто игнорят анимацию фона. В остальных браузерах все работает

@Alex_just · 05.07.2015, 13:29

Как лечить без пациента?? Сылку на сайт..

@korol_lion · 05.07.2015, 13:47 **[ТС]**

CSS
1
2
3
4
5
6
7
8
9
10
#slider {
                width: 960px;
                height: 250px;
                margin-bottom: 20px;
                -webkit-transition: all 1s;
                -moz-transition: all 1s;
                -o-transition: all 1s;
                transition: all 1s;
                
            }

HTML5
1
2
3
4
<a id="link" href="">
            <div id="slider"></div>
            <div id="bigline"><img src="https://www.cyberforum.ru/images/bigline.png"></div>
        </a>

Картника фона меняется из JS. Сайта нет, это слайдер.

@Jho · 05.07.2015, 17:30

@Игор35 · 05.07.2015, 17:39

В mozille и IE не работает transition на background-image

Поподробнее напишите, пожалуйста. Киньте код, где анимация есть.

@korol_lion · 06.07.2015, 01:28 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="reset.css">
        <style>
 
            #slider {
                width: 960px;
                height: 250px;
                margin-bottom: 20px;
                -webkit-transition: all 1s;
                -moz-transition: all 1s;
                -o-transition: all 1s;
                transition: all 1s;
                
            }   
 
        </style>
    </head>
    <body>
        <a id="link" href="">
            <div id="slider"></div>
            <div id="bigline"><img src="https://www.cyberforum.ru/images/bigline.png"></div>
        </a>
        <script>
            var images = ["slider_1.png",
                          "slider_2.png",
                          "slider_3.png"];
            var links = ["slider_1.html",
                          "slider_2.html",
                          "slider_3.html"];
                          
            var slider = document.getElementById("slider");
            var link = document.getElementById("link");
            slider.style.backgroundImage = "url(images/" + images[0] + ")";
            link.setAttribute("href", links[0]);
 
            function goSlider() {
                var count = 1;
                var timer = setInterval(function() {
                    if(count < images.length) {
                        slider.style.backgroundImage = "url(images/" + images[count] + ")";
                        link.setAttribute("href", links[count]);
                        count++;
                    } else {
                        count = 1;
                    }
                    
                }, 5000)
            }
 
            goSlider();
        </script>
    </body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

@korol_lion 4 / 4 / 2 Регистрация: 06.04.2013 Сообщений: 182

	В mozille и IE не работает transition на background-image 05.07.2015, 13:07. Показов 2101. Ответов 5 Метки нет (Все метки) Префиксы стоят, но эти два браузера просто игнорят анимацию фона. В остальных браузерах все работает 0

@Alex_just 0 / 0 / 0 Регистрация: 05.07.2015 Сообщений: 1
	05.07.2015, 13:29
	Как лечить без пациента?? Сылку на сайт.. 0

@Jho 9 / 9 / 5 Регистрация: 16.04.2015 Сообщений: 53
	05.07.2015, 17:30
	<script src="http://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script> Скрипт автоматически префиксы ставит,можно их даже не прописывать.Вставь,мне помогло. 0