在html中,帧元素(frameset)的优先级最高,表单元素比非表单元素的优先级要高。
- 表单元素:
- 文本输入框,密码输入框,单选框,复选框,文本输入域,列表框等等
- 非表单元素
- 链接(a),div, table, span 等等
有窗口元素比无窗口元素的优先级高
- 有窗口元素
- select元素,object元素,以及frames元素等等
- 无窗口元素
- 大部分html元素都是无窗口元素
请描述HTML元素的显示优先级
HTML 元素显示优先级简单来说就是:帧元素(frameset) 优先级最高(frameset 已经不提倡使用了)。其次表单元素 > 非表单元素,即 input type="radio"
之类的表单控件 > 普通的如 a
,div
等元素。
从有窗口和无窗口元素来分,有窗口元素 > 无窗口元素。有窗口元素如 Select 元素、Object 元素。
另外 z-index
属性也可以改变显示优先级,但只对同种类型的元素才有效。如果两个元素分别为 表单元素 和 非表单元素 那么 z-index
是无效的。在这个例子中可以看到,select 就是在 div 的上面,尽管 div 设置了 z-index:100;
参考文章:HTML 元素的优先级
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显示优先级还是第一次听说 😅
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显示优先级还是第一次听说
一般都是叫层级,叫优先级也是第一次听说
HTML 元素显示优先级简单来说就是:帧元素(frameset) 优先级最高(frameset 已经不提倡使用了)。其次表单元素 > 非表单元素,即 input type="radio" 之类的表单控件 > 普通的如 a,div 等元素。
从有窗口和无窗口元素来分,有窗口元素 > 无窗口元素。有窗口元素如 Select 元素、Object 元素。
另外 z-index 属性也可以改变显示优先级,但只对同种类型的元素才有效。如果两个元素分别为 表单元素 和 非表单元素 那么 z-index 是无效的。在这个例子中可以看到,select 就是在 div 的上面,尽管 div 设置了 z-index:100;
✂【回答】
元素的显示优先级,即元素覆盖次序的规则。显示优先级规则如下:
🖊【便签】
HTML元素的显示优先级:
1.帧元素>表单元素>非表单元素
表单元素:文本输入框,密码输入框,单选框,复选框,文本输入域,列表框
非表单元素:a,div,table,span
2.有窗口元素>无窗口元素
有窗口元素:select,object,插件,frames
无窗口元素:大部分HTML元素都是,如a和table
3.css的z-index属性
学习不打烊,充电加油只为遇到更好的自己,365天无节假日,每天早上5点纯手工发布前端知识点(死磕自己,愉悦大家)。希望大家在这浮夸的前端圈里,保持冷静,坚持每天花20分钟来学习与思考。在这千变万化,类库层出不穷的前端,建议大家不要等到找工作时,才狂刷题,提倡每日学习!欢迎大家关注3+1开源项目!希望大家每人去学习与思考!(不要为了谁而来,要为自己而努力!)