Все сервисы Хабра
Сообщество 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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
1 подписчик
6 часов назад
13 просмотров
0
ответов
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
2 подписчика
18 часов назад
348 просмотров
0
ответов
CSS
Средний
Как делать такие фигуры в css?
1 подписчик
вчера
91 просмотр
1
ответ
HTML
+1 ещё
Простой
Как растянуть содержимое ячейки td на всю ширину и высоту ячейки?
1 подписчик
вчера
104 просмотра
1
ответ
HTML
+1 ещё
Простой
Как на элементах слайдера сделать вертикальный текст прижатый к левому краю и не по всей высоте?
1 подписчик
27 мая
73 просмотра
1
ответ
CSS
+1 ещё
Простой
Как устранить конфликт стилей в WordPress?
1 подписчик
25 мая
168 просмотров
1
ответ
CSS
+1 ещё
Простой
Как разместить сам flex-контейнер (котором есть перенос по рядам) по центру?
1 подписчик
23 мая
81 просмотр
1
ответ
HTML
+4 ещё
Средний
Продвинутые пользовательские стили сайтов, не ограниченные одним css?
2 подписчика
22 мая
1033 просмотра
4
ответа
HTML
+1 ещё
Простой
Как сделать эффект при наведении как на этом сайте?
2 подписчика
22 мая
606 просмотров
1
ответ
HTML
+1 ещё
Простой
Как сверстать такой background чтоб он был адаптивный?
1 подписчик
22 мая
150 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Фронтенд разработчик Middle
Astra Health Tech
•
Москва
от 250 000 до 300 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама