Подскажите возможно ли выйти за границу родительского блока, если там стоить css правила overflow: hidden;
Допустим есть код:
Вопрос по css: работа с overflow: hidden;
ЕСТЬ РЕШЕНИЕ
ЗАКРЫТО
#1
17 марта 2015 в 21:32
Здравствуйте.
Подскажите возможно ли выйти за границу родительского блока, если там стоить css правила overflow: hidden;
Допустим есть код:
При наведении мышь на ссылку, появиться всплывающая подсказка, но из за overflow: hidden; часть подсказки не отображается, как решить? может кто то встречал подобную проблему?
Подскажите возможно ли выйти за границу родительского блока, если там стоить css правила overflow: hidden;
Допустим есть код:
#2
17 марта 2015 в 21:35
z-index:1000;?
#3
17 марта 2015 в 21:46
Не помогло, у родительского блока поставил z-index: 1 а ссылке внутри z-index: 1000z-index:1000;?
или я что то не так делаю?
Сегодня в 21:43
#4
17 марта 2015 в 21:51
Опять вводят в заблуждение если у родителя стоит hidden то какой бы вы z-index не ставили то дочерний блок будет скрыт. тут скорее всего нужно по другому верстать.
#5
17 марта 2015 в 21:54
может для самой подсказки попробовать задать другое значение overflow
#6
17 марта 2015 в 21:55
навернотут скорее всего нужно по другому верстать.
а то если hidden убрать, весь дизайн разваливается
#7
17 марта 2015 в 21:59
Задал значение overflow: visible; но не помогломожет для самой подсказки попробовать задать другое значение overflow
Если я правильно задачу понял:Подскажите возможно ли выйти за границу родительского блока
убрать overflow:hidden;
для div — position:relative;
для a — position:absolute;
И уже позиционировать как вам нужно.
#9
17 марта 2015 в 22:08
дайте ссылкунаверно а то если hidden убрать, весь дизайн разваливается
#10
17 марта 2015 в 22:14
Убрать не могу, overflow:hidden и position:relative; добавляется к div с помощью js автоматический (использую Flexslider)убрать overflow:hidden;
для div — position:relative;
для a — position:absolute;
Наверно придется другому верстать.
Сайт на денвередайте ссылку
#11
17 марта 2015 в 23:08
Незнаю то ли вам надо, но приведу пример со слайдером. Вот html
В модуле сам слайдер. Вот картинка
У #slider{
.....
position:relative;
overflow:hidden;
}
У .realm-slide{
.....
position:absolute;
}
Сам слайдер в абсолюте
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index:0;
, и div с текстом тоже.
z-index: 1000;
position: absolute;
Попоробовал уменьшил слайдер и диву с текстом задал left:-100px; И вот что выходит
Такова задача?
У #slider{
.....
position:relative;
overflow:hidden;
}
У .realm-slide{
.....
position:absolute;
}
Сам слайдер в абсолюте
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index:0;
, и div с текстом тоже.
z-index: 1000;
position: absolute;
Попоробовал уменьшил слайдер и диву с текстом задал left:-100px; И вот что выходит
Такова задача?
#12
18 марта 2015 в 00:46
#13
18 марта 2015 в 09:16
Спасибо всем, добавил к div position:static а ссылке position:absolute;
Проблема решена)
Проблема решена)