select下拉框被table遮挡了,求解

提问 已结 8 361
农夫三拳
悬赏:30飞吻
版本:layui layui-v2.4.5 浏览器:360极速浏览器
回帖
  • Jasmine_w
    2019-1-9
    @农夫三拳
    给这块的div父级加样式:
    position: relative;
    z-index: 99999999999;
    2 回复
  • 用的 layui-tab layui-tab-brief 组件,所有组件都放在 form 表单
    0 回复
  • 有可能是你表单所在的哪个容器它的overflow是hidden
    0 回复
  • @岁月小偷
    html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    }

    .layui-form {
    height: 100%;
    }

    .layui-tab {
    margin: 0;
    height: 100%;
    }

    .layui-tab-content {
    height: calc(100% - 61px);
    overflow: auto;
    }
    这是我的css,只是给body加了hidden
    0 回复
  • @农夫三拳 处理这个问题一般要审查元素看看,然后看看是那一层的节点的样式,不能从css文件上看的,这个效率太低了很难看出来的,直接在有问题的地方审查元素看看是哪一个节点的样式,再看看这个样式是在什么地方的,根据实际情况再找对策
    0 回复
  • @Jasmine_w [ok] 非常感谢,按照您的方法,问题解决了![good]
    附上我的css代码,希望可以帮助到其他有同样问题的朋友!
    html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    }

    .layui-form {
    height: 100%;
    }

    .layui-tab {
    margin: 0;
    height: 100%;
    overflow: auto;
    }

    .layui-tab-content {
    margin-top: 41px;
    position: relative;
    z-index: 999;
    }

    .layui-tab-title {
    width: 100%;
    background-color: #FBFBFB;
    position: absolute;
    z-index: 9999;
    }
    0 回复
  • @岁月小偷 看了下除了body其他没有hidden,不过还是感谢帮我解答问题!
    0 回复
  • Jasmine_w
    2019-1-9
    @农夫三拳 不客气[ok]
    0 回复