如何解决我如何才能使IE不中断弹出菜单?
我有一个父容器,其中有一个表。表格的每一行都有一个弹出菜单,可以通过单击它来打开。单击容器底部时,单击它可以在Chrome / Firefox中正常显示,但IE 11会在容器底部切断菜单。我敢肯定这个问题很容易解决,但是我不确定它是什么或如何查找。我尝试设置父容器的宽度和高度没有运气。
Chrome示例:
IE示例:
以下是父容器的CSS:
.payment-table {
border-collapse: collapse;
border: none;
border-radius: 5px 5px 0 0;
margin: 0 0 25px 0;
font-size: 1em;
min-width: 600px;
width: 100%;
overflow-x: hidden;
overflow-y: visible;
box-shadow: 0 0 20px rgba(0,0.15);
}
这是菜单的CSS:
.action-submenu {
margin-top: 8px;
border: 1px solid lightgrey;
border-radius: 3px;
min-width: 150px;
background-color: #fff;
position: absolute;
right: 0;
z-index: 4000;
-webkit-box-shadow: 0px 4px 10px -2px rgba(46,46,0.5);
-moz-box-shadow: 0px 4px 10px -2px rgba(46,0.5);
box-shadow: 0px 4px 10px -2px rgba(46,0.5);
}
任何可以提供的帮助将不胜感激。
解决方法
IE要求溢出-x:可见,而Chrome / Firefox没有。经过一段时间的使用,发现这是问题所在。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。