请描述HTML元素的显示优先级

发布于 2021-01-11 16:58:55
关注者
0
被浏览
655
5 个回答
  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    HTML 元素显示优先级简单来说就是:帧元素(frameset) 优先级最高(frameset 已经不提倡使用了)。其次表单元素 > 非表单元素,即 input type="radio" 之类的表单控件 > 普通的如 a,div 等元素。

    从有窗口和无窗口元素来分,有窗口元素 > 无窗口元素。有窗口元素如 Select 元素、Object 元素。

    另外 z-index 属性也可以改变显示优先级,但只对同种类型的元素才有效。如果两个元素分别为 表单元素非表单元素 那么 z-index 是无效的。在这个例子中可以看到,select 就是在 div 的上面,尽管 div 设置了 z-index:100;

    参考文章:HTML 元素的优先级

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    HTML 元素显示优先级简单来说就是:帧元素(frameset) 优先级最高(frameset 已经不提倡使用了)。其次表单元素 > 非表单元素,即 input type="radio" 之类的表单控件 > 普通的如 a,div 等元素。

    从有窗口和无窗口元素来分,有窗口元素 > 无窗口元素。有窗口元素如 Select 元素、Object 元素。

    另外 z-index 属性也可以改变显示优先级,但只对同种类型的元素才有效。如果两个元素分别为 表单元素非表单元素 那么 z-index 是无效的。在这个例子中可以看到,select 就是在 div 的上面,尽管 div 设置了 z-index:100;

    参考文章:HTML 元素的优先级

    z-index 不是针对的定位元素来说的吗, 这个div没有使用定位, z-index肯定不生效啊
    话说HTML显示优先级还是第一次听说 😅

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    HTML 元素显示优先级简单来说就是:帧元素(frameset) 优先级最高(frameset 已经不提倡使用了)。其次表单元素 > 非表单元素,即 input type="radio" 之类的表单控件 > 普通的如 a,div 等元素。
    从有窗口和无窗口元素来分,有窗口元素 > 无窗口元素。有窗口元素如 Select 元素、Object 元素。
    另外 z-index 属性也可以改变显示优先级,但只对同种类型的元素才有效。如果两个元素分别为 表单元素非表单元素 那么 z-index 是无效的。在这个例子中可以看到,select 就是在 div 的上面,尽管 div 设置了 z-index:100;
    参考文章:HTML 元素的优先级

    z-index 不是针对的定位元素来说的吗, 这个div没有使用定位, z-index肯定不生效啊
    话说HTML显示优先级还是第一次听说

    一般都是叫层级,叫优先级也是第一次听说

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    HTML 元素显示优先级简单来说就是:帧元素(frameset) 优先级最高(frameset 已经不提倡使用了)。其次表单元素 > 非表单元素,即 input type="radio" 之类的表单控件 > 普通的如 a,div 等元素。

    从有窗口和无窗口元素来分,有窗口元素 > 无窗口元素。有窗口元素如 Select 元素、Object 元素。

    另外 z-index 属性也可以改变显示优先级,但只对同种类型的元素才有效。如果两个元素分别为 表单元素 和 非表单元素 那么 z-index 是无效的。在这个例子中可以看到,select 就是在 div 的上面,尽管 div 设置了 z-index:100;

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    在html中,帧元素(frameset)的优先级最高,表单元素比非表单元素的优先级要高。

    • 表单元素:
      • 文本输入框,密码输入框,单选框,复选框,文本输入域,列表框等等
    • 非表单元素
      • 链接(a),div, table, span 等等

    有窗口元素比无窗口元素的优先级高

    • 有窗口元素
      • select元素,object元素,以及frames元素等等
    • 无窗口元素
      • 大部分html元素都是无窗口元素
知识点
面圈网VIP题库

面圈网VIP题库全新上线,海量真题题库资源。 90大类考试,超10万份考试真题开放下载啦

去下载看看