Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
0 / 0 / 0
Регистрация: 22.04.2014
Сообщений: 36

Подскажите с css слайдером в Опера

28.04.2015, 13:13. Показов 759. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем добрый день.

Есть css слайдер, работает везде Chrome, EI, Safari, Опера на последних версиях.
Но на работе стоит комп с установленной оперой и версией 12.15 Сборка: 1748 и только на ней вместо слайдов пустота вообще ничего не происходит. Хотя по дефолту вроде как animation поддерживается аж с 9 версии.

Помогите победить. Сайт с работающим слайдером mn-m.ru

CSS
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
/* page layout styles */
*{
    margin:0;
    padding:0;
}
/* fade slider */
.slides {
    height:500px;
    overflow:hidden;
    position:relative;
    width:100%;
    top: -30px;
}
@media (max-width: 991px) {
  .slides {
    height:425px;
}
  .box_add_order {
    top:-443px !important;
}
.box_add_order_txt2 { 
  padding-top: 0px !important;
}
.box_add_order_btn {
  margin-bottom: 0px !important;
}
}
.slides ul {
    list-style:none;
    position:relative;
}
 
/* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-o-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-ms-keyframes anim_slides {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    6% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }
    24% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }
    30% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
}
 
.slides ul li {
    opacity:0;
    position:absolute;
    top:0;
 
    /* css3 animation */
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 24.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
 
    -moz-animation-name: anim_slides;
    -moz-animation-duration: 24.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    
    -ms-animation-name: anim_slides;
    -ms-animation-duration: 24.0s;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: normal;
    -ms-animation-delay: 0;
    -ms-animation-play-state: running;
    -ms-animation-fill-mode: forwards;
    
    -o-animation-name: anim_slides;
    -o-animation-duration: 24.0s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: normal;
    -o-animation-play-state: running;   
    -o-animation-delay: 0;
    -o-animation-fill-mode: forwards;
}
 
/* css3 delays */
.slides ul  li:nth-child(2), .slides ul  li:nth-child(2) div {
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
    -ms-animation-delay: 6.0s;
    -o-animation-delay: 6.0s;
}
.slides ul  li:nth-child(3), .slides ul  li:nth-child(3) div {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
    -ms-animation-delay: 12.0s;
    -o-animation-delay: 12.0s;
}
.slides ul  li:nth-child(4), .slides ul  li:nth-child(4) div {
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
    -ms-animation-delay: 18.0s;
    -o-animation-delay: 18.0s;
}
.slides ul li img {
    display:block;
}
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
28.04.2015, 13:13
Ответы с готовыми решениями:

Подскажите как проверить открыта ли опера или блокнот
Привет. Подскажите. Как с помощью явы проверить открыта ли опера или блокнот.

Подскажите что изучать дальше? Подскажите оптимальное значение для CSS media
Подскажите что изучать дальше? Изучил CSS - Flexbox, grid, JavaScript - DOM. Изучаю не по какой-то книге, поэтому не знаю что изучать...

Иконки программ выглядят как опера, вместо программ запускается опера
поймал вирус, программы не запускаются, вместо них запускается опера, много рекламы в браузере

2
1 / 1 / 7
Регистрация: 28.01.2015
Сообщений: 89
28.04.2015, 13:27
Не стоит пугаться единичного случая неработоспособности. Возможно, дело далеко не в сайте. Попробуйте поставить ту же версию браузера на другую машинку, для начала. Надо ли говорить, что с официального источника? Если повторится, то уже стоит пугаться
0
0 / 0 / 0
Регистрация: 22.04.2014
Сообщений: 36
28.04.2015, 19:19  [ТС]
kastracci,
сделал проверку через http://browsershots.org/http://mn-m.ru/
проблема наблюдается почти на всех версиях оперы

Добавлено через 5 часов 17 минут
неужели никто не в курсе?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
28.04.2015, 19:19
Помогаю со студенческими работами здесь

CSS подскажите
Доброго времени суток! Подскажите хоть примерно в где искать. Сайт http://*******/6hX4ay вокруг фото черный фон. Не могу найти где он...

Подскажите со стилями CSS
Привет. Ребята помогите пожалуйста со стилями,как сделать так что бы размер контура в длину был автоматически по размеру текста.Пробывал...

Подскажите по CSS меню
Здраствуйте, помогите пожалуйста с практическим заданием на курсовую, ничего не получается , а задание такое, необходимо создать меню что...

динамический CSS. Подскажите
Здравствуйте. PHP занимаюсь недавно. У меня такой вопрос. Есть меню, которое выводится из БД скриптом в цикле (в виде многоуровневого...

CSS: Подскажите синтаксис
Наставьте чайника на путь истинный, плз... В примере реализации меню, его содержимое берётся из div-ов расположенных внутри одного div...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru