Перейти к содержимому


Фотография
- - - - -

Отображение иконки скидки в тизере

иконка скидка badge тизер

Лучший Ответ SmetDenis , 30 November 2015 - 12:40

Добрый день,

Мне кажется, с overflow: hidden; бороться другими методами кроме как убрать его - бесполезно.
Стиль не перебивается, например z-index т.к там совершенно другой смысл.

Можно попробовать поиграть с absolute или попробовать вынести скидку за контейнер с overflow Перейти к сообщению


  • Закрытая тема Тема закрыта
В теме одно сообщение

#1 inte

inte

Отправлено 29 November 2015 - 22:14

Здравствуйте!

Стесняюсь спросить, но имею небольшую проблему...

У меня иконка скидки, на сколько я понял, принимает значение родителя .uk-panel-box в demo.less, а именно overflow: hidden; (что скрывает контент до :hover на тизере) из-за чего значек частично скрыт (видно на скрине). Если отменить overflow: hidden; становится видным, но вместе с контентом, который должен быть виден при наведении курсора.

Возможно у кого-то такое было, или может быть более опытные верстальщики подскажут.

Заранее спасибо!

 

upd.: Сначала написал, потом проверил...

Данная проблема проявляется только если использован эффект UIkit "data-uk-scrollspy="{cls:'uk-animation-fade', delay:200}" примененный классу .jbzoo-teaser-shadow.

Как бы можно было бы и не использовать его (эффект), но если есть вариант, то хотелось бы его сохранить...

Прикрепленные изображения

  • overflow-hidden.png
  • overflow-hidden-2.png
  • overflow-hidden-3.png

Сообщение отредактировал inte: 29 November 2015 - 22:19

  • 0

#2 SmetDenis

SmetDenis

Отправлено 30 November 2015 - 12:40   Лучший Ответ

Добрый день,

Мне кажется, с overflow: hidden; бороться другими методами кроме как убрать его - бесполезно.
Стиль не перебивается, например z-index т.к там совершенно другой смысл.

Можно попробовать поиграть с absolute или попробовать вынести скидку за контейнер с overflow
  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.






Темы с аналогичным тегами иконка, скидка, badge, тизер

Click to return to top of page in style!