各位大大,CSS可以实现让边框溢出的效果吗?
发布网友
发布时间：2022-04-06 11:11
共2个回答
热心网友
时间：2022-04-06 12:41
你的理解错了~，A和B一直在父层里面，在没有被selected的时候大家都是一样的，所有的H1都只占H1高度的一半，估计是用了PADDING-TOP,然后背景放在H1的下半部，在选中某个选项标签的时候重写它的CSS，让背景占满整个H1，PADDING-TOP:0;文字位置上移，看起来的效果就是A在DIV外边了！！！其实父层DIV一直是个大框架！你看到的超出部分也在它的管辖范围！！！
热心网友
时间：2022-04-06 13:59
#tabcontrol
{
background:#ff0000;
height:30px;
}
#tabcontrol h1
{
margin:auto;
background:#fff;
height:30px;
width:100px;
}
#tabcontrol h1 a
{
position:absolute;
background:#fff;
height:30px;
width:100px;
}
#tabcontrol h1 a:hover
{
background:#ff00ff;
position:absolute;
height:80px;
z-index:100;
}
#tabcontrol h1 a:active
{
height:80px;
background:#ffff00;
}
</style>
<div id="tabcontrol">
<h1 id="selected"><a href="#">A</a></h1>
<h1><a href="#">B</a></h1>
</div>
不知道行不行
