z-index属性
z索引功能设置元素的堆叠顺序。堆叠顺序较高的元素总是在堆叠顺序较低的元素前面。
语法:
z-index : auto | number;
参数:
自动:默许。堆叠顺序与父元素相同。
Number:数值,设置元素的堆叠顺序;所以它可以是积极的,也可以是消极的。
描述:此功能设置定位元素沿Z轴的位置,Z轴定义为直线延伸到显示区域的轴。如果是正的,则更接近用户;如果它是负的,则意味着它离用户更远。
注意:所有主流浏览器都支持z索引功能。任何版本的InternetExplorer(包括IE8)都不支持特征值“inherit”。元素可以具有负z指数特征值。Z-index只能在定位元素上工作(例如,位置:绝对,位置3360相对,或者位置3360固定)!
cssz索引功能示例
img{
位置:绝对;
left:0px
top:0px
z指数:-1;
}
h2,p <
背景-颜色:白色;
border:1pxsolidred
}
这是一种趋势
因为图像的z索引是-1,所以它出现在文本后面。
CSS设置
1.直接在P标签中设置背景颜色。
代码如下:
divstyle=' background: # 000颜色:#FFF的背景是黑色/div
p将标签中的背景颜色设置为黑色,字体颜色设置为白色。
在p标签中设置背景颜色的屏幕截图
通过在p标签中设置样式来设置背景色等CSS样式。
二、外部css设置p背景色
这里,一个对象CSS被命名为’。pcss 5 ’, p对象的背景颜色通过建立外部选择器来设置。
CSS代码:
代码如下:
. divcss5 { background: # F00color:#FFF}
Html源代码:
代码如下:
Divclass='divcss5 '背景颜色为红色/div
效果截图:
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/129390.html