CSS⿏标悬浮DIV后显⽰DIV外的按钮解决⽅法
昨天写样式遇到个问题，如何让⿏标悬浮DIV后，显⽰DIV外的按钮，可以点击到按钮。
效果如下：
问题：
在DIV hover时候将按钮设为display: block，这是很直接的想法，但是这有个问题，就是在悬浮出现按钮后，⿏标要移到按钮上过程中，离开了DIV经过间距时，按钮就会消失。
解决办法：
1. 选择更⼤区域的DIV
这个时候hover出现的按钮，由于⿏标还在DIV（⼤区域）中，所以按钮是可以正常点到的。但这个⽅法问题在于扩⼤了触发区域，如果本意上是要最初的DIV来触发，那这个⽅法就不⾏。
2.增加⼀个不可见层
如蓝⾊框所⽰，在DIV增加⼀个绝对定位的区域⾄按钮底下，这样在⿏标移到按钮过程中，都属于在DIV内部，按钮也就不会消失。这个⽅法的好处在于，绝对适当的触发区域。
div{
css鼠标点击样式
position:absolute;
.hover-help{
position: absolute;
height: 20px;
width: 26px;
left: -20px;
bottom: 0;
}
}
总结
以上所述是⼩编给⼤家介绍的CSS⿏标悬浮DIV后显⽰DIV外的按钮解决⽅法，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。