Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
dzenn
@dzenn
CSS
Как иметь приоритетность над overflow:hidden?
Есть вот такой вот блок, он должен выглядеть так как на скриншоте. Но в силу того, что требует клиент, мне нужно применить ко всему блоку overflow:hidden. И в таком случаи кнопка закрыть пропадает. Какое решения это проблемы?
Вопрос задан
более трёх лет назад
149 просмотров
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Антон
@rudants
Front-end разработчик
position: absolute - для кнопки.
position: relative - для родительского блока.
Ответ написан
более трёх лет назад
7
комментариев
Нравится
1
7
комментариев
Facebook
Вконтакте
Twitter
dzenn
@dzenn
Автор вопроса
пробовал, не помогло )
Написано
более трёх лет назад
Антон
@rudants
dzenn
: z-index примени к кнопке.
Написано
более трёх лет назад
Максим Тимофеев
@webinar
dzenn
: Значит что-то не так у Вас. Код в студию. Как overflow:hidden влияет на видимость кнопки?
Написано
более трёх лет назад
dzenn
@dzenn
Автор вопроса
Антон
: тоже пробовал
Написано
более трёх лет назад
Антон
@rudants
dzenn
: Выложи код, посмотрим.
Написано
более трёх лет назад
dzenn
@dzenn
Автор вопроса
Антон
:
codepen.io/dimabarabash/pen/vGzMLv
Написано
более трёх лет назад
Антон
@rudants
dzenn
: Вынеси кнопку эту за пределы блока, который ты закрываешь.
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
1
Андрей
@svistiboshka
живые веб интерфейсы
Все что внутри hidden будет обрезаться, уверен есть решение или обойтись без него в этом блоке либо вынести кнопку close во внешний блок
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Простой
Код не работает, как так?
2 подписчика
11 часов назад
445 просмотров
1
ответ
HTML
+1 ещё
Простой
Почему страница не всегда скролит до нужного якоря?
1 подписчик
вчера
111 просмотров
0
ответов
CSS
+1 ещё
Простой
Как сделать такую сетку?
1 подписчик
06 мая
345 просмотров
1
ответ
HTML
+1 ещё
Простой
Различие скелета в пк версии и телефонной, как лучше всего делать такие вещи?
1 подписчик
02 мая
147 просмотров
1
ответ
JavaScript
+3 ещё
Простой
Проблема с WordPress как исправить ошибку?
2 подписчика
01 мая
1311 просмотров
0
ответов
HTML
+1 ещё
Простой
Как зафиксировать кнопки в html?
1 подписчик
30 апр.
136 просмотров
1
ответ
CSS
Простой
Как сделать анимацию разворачивающегося сразу в две стороны свитка с информацией?
2 подписчика
30 апр.
524 просмотра
0
ответов
JavaScript
+3 ещё
Средний
Почему не подключается css файл в Webpack?
1 подписчик
29 апр.
105 просмотров
2
ответа
CSS
Простой
Как в CSS остановить одну анимацию и сразу запустить вторую для одного элемента?
3 подписчика
28 апр.
454 просмотра
1
ответ
CSS
+1 ещё
Простой
Как сделать грид контейнер в коде?
1 подписчик
28 апр.
94 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Frontend разработчик
AMarkets
•
Москва
от 2 000 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама