如何解决隐藏元素/ Safari中的奇怪行为滚动条
我在隐藏元素的滚动条上发现了奇怪的行为。
如果将滚动条放在“可见性:隐藏”元素中,并在将其悬停在父元素上时使其显示,那么当您在不可见的滚动条上移动鼠标时,该元素将变为可见...
此行为仅在Safari中
有什么想法吗?
<ul>
<li>
<span>1</span>
<div class="top">
<div class="sub">
123
<br /><br />123<br /><br /><br />123
<br /><br /><br /><br /><br /><br /><br />123
<br /><br /><br /><br />123
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />123
</div>
</div>
</li>
<ul>
ul {
list-style: none;
}
ul>li {
position: relative;
}
li>span {
background: gray;
}
ul>li:hover>.top {
visibility: visible;
}
.top {
position: absolute;
top: 0;
left: 20px;
background: crimson;
padding: 20px;
visibility: hidden;
}
.sub {
height: 70px;
width: 100px;
overflow-y: auto;
overflow-x: hidden;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。