Кнопки в Zurb Orbit не скрываются в IE8

Я собираю сайт и захватываю вращательный вращатель Zurb из их Foundation Framework для домашней страницы. Сайт отлично отображен во всех браузерах, но у клиента есть требование для IE8. Единственная проблема, с которой я столкнулся с IE8, - это кнопки на ротаторе, которые не принимают настройки Opacity Orbit, и поэтому кнопки для всех слайдов отображаются при посещении домашней страницы. Достаточно смешно, когда слайд вращается, он принимает кнопки с ним, и ротатор начинает работать, как ожидалось.Кнопки в Zurb Orbit не скрываются в IE8

Here is the site in question.

Любая помощь будет оценена.

источник

2013-02-26 marcusneto

Должен ли я видеть какие-нибудь кнопки? Я получаю «образ не найден» для url («../ images/foundation/orbit/right-arrow.png») (строка 916 - bapco.css). Кроме того, поддержка непрозрачности IE8 неоднозначна: http://caniuse.com/#search=opacity – erwinheiser

Я тоже не вижу никаких кнопок. – CreateSean

На каждом слайде в ротаторе имеется дополнительная информация и кнопка покупки. – marcusneto

Попробуйте добавить это к вашему CSS:

.orbit-slide {display:none}

Это должно скрыть слайды, пока они не инициализируются

И удалить это:

.orbit .orbit-slide {right:0;}

Это должно предотвратить их штабелирования на вершине друг от друга

источник

2013-02-26 16:13:26 msfarrel

Я добавил бит .orbit-слайда, и, похоже, никаких изменений не произошло. – marcusneto

со страницы их документов: http://foundation.zurb.com/docs/orbit.php Примечание. Мы помещаем некоторые простые стили на наш ползунок контента, особенно фон и дополнение к элементам div. Orbit стекает ваши слайды, поэтому прозрачные слайды будут видны друг на друга. – msfarrel

Детские элементы на орбите в IE8 не принимают t он настройки. Итак, Orbit устанавливает элемент div, содержащий текст в Opacity: 0; но дочерние элементы не соблюдают эту настройку. В конечном итоге мы переключились на другую библиотеку, которая использует смесь Opacity и Display для управления отображением слайда.

Спасибо за вашу помощь. Очень признателен!

источник

2013-02-27 20:45:57 marcusneto

Кнопки в Zurb Orbit не скрываются в IE8

ответ

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