本文主要讲解“如何使用css z索引属性”。感兴趣的朋友不妨看看。本文介绍的方法简单、快速、实用。让边肖带你学习“如何使用css z索引属性”!
z-index属性设置元素的堆叠顺序。堆叠顺序较高的元素总是在堆叠顺序较低的元素前面。此属性设置定位元素沿Z轴的位置,Z轴定义为垂直于显示区域的轴。如果是正的,则更接近用户;如果它是负的,则意味着它离用户更远。
cssz-index属性怎么用?
语法:
z-index : auto | number;
参数:
自动:默认。堆叠顺序等于父元素。
Number:数值,设置元素的堆叠顺序;可以是正的,也可以是负的。
注意:所有主流浏览器都支持z-index属性。任何版本的InternetExplorer(包括IE8)都不支持属性值“inherit”。元素可以有负z索引属性值。Z-index只能在定位元素上工作(例如,位置:绝对,位置3360相对,或者位置3360固定)!
cssz-index属性示例
!DOCTYPEhtml
超文本标记语言
头
metachartset=' UTF-8 '
styletype='text/css '
img{
位置:绝对;
left:0px
top:0px
z指数:-1;
}
h3,p <
背景-颜色:白色;
border:1pxsolidred
}
/style
/head
身体
h3thisaheading/H3
因为p图像的z-index是-1,所以它出现在文本之后。/p
/body
/html
至此,相信大家对“如何使用css z索引属性”有了更深的理解,那么就来做一些实际的工作吧!这是网站。更多相关内容,可以去相关渠道查询,关注我们,继续学习!
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/85694.html