美文网首页
前端踩过的坑

前端踩过的坑

作者: 林下人水边兵 | 来源:发表于2020-09-17 10:41 被阅读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;

}

相关文章

  • 前端踩过的坑

    写在前面,这篇文章仅用来记录自己在前端方面曾经踩过的一些坑,一些在当时不那么容易费了好一会神才能解决的坑,避免日后...

  • 前端踩过的坑

    关于前端 跨域问题 大概问题 1,前端无须处理,需要在后台配置 niginx的配置 处理跨域的域名 关于布局上 ...

  • 交互设计师所要避免的几个坑

    前言 工作中难免会踩到几个坑,即使现在不踩以后还会踩,只有踩过才会深刻记住,踩过说明爱过!但是踩过的坑必须把坑填满...

  • vue踩过的坑

    vue踩过的坑

  • D1094:踩坑的价值最大化

    是人就会踩坑,不踩坑理论上就不属于人类,踩坑是人之常情,能回头站在坑边反思,才是对踩过的的坑价值最大化的体现,要不...

  • 前端学习工作的一些坑

    前端开发是一个漫长、艰苦而又收获满满的。当我们回首,以前所踩过的坑,都会使我们变得更强大。 很多人在初入前端时,都...

  • 注意了,有关学习前端的一些“坑”,别踩!

    都记录一些有关前端方面的冷知识或者一些易踩坑点,防止大家踩坑。 JavaScript 所有对象都有 __proto...

  • web前端的易错点和冷知识,新人必看!

    都记录一些有关前端方面的冷知识或者一些易踩坑点,防止大家踩坑。 JavaScript 所有对象都有 __proto...

  • 投资避坑指南

    2022年9月14日(第224天) 经常反思踩过的坑,犯过的错,了解别人踩过的坑,犯过的错,思考如何避免自己下次踩...

  • PHP中的数据类型

    一说到数据类型,这个坑就太多了,多到有哪些坑,有多少坑,不知道自己还会踩哪些坑,以及踩过的坑还会不会再踩,我对...

网友评论

      本文标题:前端踩过的坑

      本文链接:https://www.haomeiwen.com/subject/oaclyktx.html