2012-02-13 4 views
1

Я использую следующий слайдер контента slider. Для его кнопки вперед и назад я применяю стили, например, text-indent и width,height, но не работает. Живая демонстрация здесь http://jsfiddle.net/3WtJ8/Некоторые стили не работают?

+0

Попробуйте использовать 'дисплей: блок;' – Cyclonecode

ответ

3

text-indent, width и height может быть применена только к блочным элементам. По умолчанию элемент a является встроенным.

Если добавить стиль: display: block или display: inline-block к вашему .bx-prev стилю он должен работать, однако встроенный блок не может быть распознан IE7 или ниже, не используя что-то вроде modernizr.

Updated fiddle

+0

в зависимости от CSS-правил применяются (абсолютное позиционирование), вы можете использовать дисплей: блок; для предотвращения проблем в более низких IE. В IE7 вы можете установить правила: 'display: inline-block' ** и **' display: inline', чтобы сделать IE/обработать элемент подобно встроенному блоку. благодаря hasLayout – Christoph

+0

спасибо за помощь. Еще раз спасибо. –

+0

@ Кристоф True. Вы также можете плавать элемент блока. –

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