前端踩过的坑

2020-09-17  本文已影响0人  林下人水边兵

关于前端 跨域问题 大概问题

1,前端无须处理,需要在后台配置 niginx的配置 处理跨域的域名

关于布局上 文档流布局 和 positon其他布局的 层级关系

1.z-index负数<正常<float(和文档同级)<position<z-index正数

错误:标题点击无效 z-index无效,层级被覆盖了 (float(和文档同级)<position)

<div class="common_view ">
  <!--标题-->
  <TitleBar    style="z-index: 10001;" ></TitleBar>
  <div class="setting" style="z-index: 1000"></div>
  </div>
  
  
  .setting {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  align-items: center;
  justify-content: center;
  display: flex;

}

正确:标题Titlble设置position,z-index有效, float(和文档同级)<position<z-index正数

<div class="common_view ">
  <!--标题-->
  <TitleBar    style="position:fixed;top: 0px;z-index: 10001;" ></TitleBar>
  <div class="setting" style="z-index: 1000"></div>
  </div>
  
    .setting {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  align-items: center;
  justify-content: center;
  display: flex;

}
上一篇 下一篇

猜你喜欢

热点阅读