Хорошо, насколько я вижу, единственный элемент, который плохо себя ведет в IE 7, это пейджер (маленькие синие точки) внизу каждого слайдера, используемый для навигации по страницам слайдера. Это потому, что точки - это элементы <li> со стилем display: inline-block, который не поддерживается в IE 7. Он используется для центрирования элементов <li>. Вам нужно обойти это в IE 7.
Быстрое, но грязное исправление - добавить 2 определения классов в style.css , которые переопределяют фактические классы только для IE 7. Вы можете добавить это на странице как встроенный стиль CSS, после вы включаете файл style.css.
<!--[if lte IE 7]>
<style type="text/css">
.bx-pager {
display: block; width: 80px; margin-left: 400px;
}
div.bx-pager li {
display: inline; float: left;
}
</style>
<![endif]-->
Почему это грязно? Потому что, если количество ползунков изменится, вам также придется изменить части width: 80px и margin-left: 400px. Автоматическое центрирование не выполняется, это фиксированное поле.
Теперь, чтобы сделать это правильно, альтернатива состоит в том, чтобы изменить код bxSlider.js , добавив еще один <div> вокруг элементов <li> пейджера, и стилизовать этот div (*). 1024 *), чтобы центрировать его в существующем родительском div (который в настоящее время получает класс .bx-pager).
Надеюсь, это поможет.