从overflow:hidden元素完全可见一个元素 [英] Make fully visible one element from overflow:hidden element
本文介绍了从overflow:hidden元素完全可见一个元素的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
请检查 http://jsfiddle.net/mtN6R/9/
.tooltip{
color:red;
}
.wrapper {
overflow:hidden;
height:50px;
border:1px solid black;
width:50px;
position:relative;
}
<div class="wrapper">
<div class='tooltip'>A big tooltip which should be visible fully</div>
A lot of text<br>
A lot of text<br>
</div>
我需要.tooltip使完全可见,但我不能把它包装。我们可以样式化的例子,所以.tooltip将显示上面的包装器,其余的内容将保持不变?
I need .tooltip make fully visible but I can't take it outside wrapper. Can we stylize that example so .tooltip will be shown above wrapper and the rest content will stay as is?
推荐答案
你想要的只是你的内容本身有 overflow:hidden
:
I think what you want is to have just your content itself have overflow: hidden
on it:
CSS:
.tooltip{
color:red;
}
.wrapper {
position:relative;
}
.inner {
overflow:hidden;
height:50px;
border:1px solid black;
width:50px;
}
HTML:
<div class="wrapper">
<div class='tooltip'>A big tooltip which should be visible fully</div>
<div class="inner">
A lot of text<br>
A lot of text<br>
</div>
</div>
这篇关于从overflow:hidden元素完全可见一个元素的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文