Позиция sticky не работает в WordPress (тема Bridge), но работает в Codepen - PullRequest
Новая
       21

Позиция sticky не работает в WordPress (тема Bridge), но работает в Codepen

0 голосов
/ 12 сентября 2018

Я дал контейнеру и прикрепленному элементу следующий CSS: 

.sticky-container {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}

.sticky-item {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

Я попытался добавить высоту к контейнеру и overflow:visible к обоим элементам. Все отлично работает в codepen, но не работает на моем сайте WordPress. Есть идеи почему?

Вероятно, стоит упомянуть получить сообщение в редакторе WordPress CSS, в котором говорится: «Ожидается (Статическое | Относительное | Абсолютное | Исправлено), но найдено липким»

1 Ответ

0 голосов
/ 12 сентября 2018

Как сказал Лазар в комментариях, может быть много вещей. Вы пытались установить z-index на липком предмете? Возможно, он прикреплен, но вы его не видите, потому что он скрыт чем-то с более высоким z-индексом.

Edit:

Вы уверены, что ваша тема включает в себя style.css для вашей темы?

Например: 

<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri() ?>/style.css">
...