• 2
  • 新人请关照

如何修复Element ui中el-row中的元素会随着页面滚动而显示在fixed元素上方的问题?

image.png

image.png

template代码:

    <el-container>
      <el-header id="header">
        <el-menu
          router
          id="header-menu"
          mode="horizontal"
          background-color="#409EFF"
        >
          <el-menu-item id="header-menu-item" index="2">个人信息</el-menu-item>
          <el-menu-item id="header-menu-item" index="/shop">
            奖励商店
          </el-menu-item>
        </el-menu>
      </el-header>
      <el-row> 123<br /><br /><br /><br /><br /><br /><br /><br /> </el-row>
    </el-container>

css代码:

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}
#header {
  padding: 0;
}
#header-menu {
  position: fixed;
  top: 0;
  width: 100%;
  width: 101;
  height: 40;
}
#header-menu-item {
  color: white;
  float: right;
}
阅读 356
评论
    2 个回答
    #header-menu {
      position: fixed;
      z-index: 999;
    }

      上面的设置是可以的,但是不建议把 z-index 设置这么大,设置为较小数值,可以实现功能就行。

        撰写回答

        登录后参与交流、获取后续更新提醒

        相似问题
        推荐文章