Tenho uma determinada div que segura as box, e essa div esta com overflow:hidden
, ai eu queria abrir outra div com uma margin
negativa tanto bottom
quanto top
, so que ai a div suspensa nao apareceu da forma esperada pelo overflow:hidden
, ai tentei com js
também não deu muito certo
<div id="box"><!--div com overflow-->
<div id="ler" class="ler">
<div class="suspensa">Conteudo hover 01</div>
</div>
<div id="ler" class="ler">
<div class="suspensa">Conteudo hover 02</div>
</div>
<div>
#box{
width:100%;
width:250px;
overflow:hidden;/*overflow*/
}
.ler{
width:150px;
height:250px;
background-color:#ebebeb;
}
.ler .suspensa{display:none;}
.ler:hover .suspensa{
display:block;
position:absolute;
bottom:-250px;/*margin negativa, a div suspensa nao mostra por causa do overflow na div box*/
width:250px;
height:150px;
background-color:#f4f4f4;
}
desse jeito nao deu muito certo, ai tentei com js
$("#ler").hover(function(){
(".suspensa").show();
});
alguem sabe alguma maneira de arrumar ?