z-index属性(CSS设置)
z-index属性
z-index特点设置元素的堆叠次序。具有更高堆叠次序的元素总是会处于堆叠次序较低的元素的前面。
语法:
z-index:auto|number;
参数:
auto:默许。堆叠次序与父元素持平。
number:数值,设置元素的堆叠次序;可所以正值,也可所以负值。
说明:该特点设置一个定位元素沿z轴的位置,z轴界说为笔直延伸到显示区的轴。假如为正数,则离用户更近,为负数则表示离用户更远。
注释:所有干流浏览器都支持z-index特点。任何的版本的InternetExplorer(包括IE8)都不支持特点值"inherit"。元素可具有负的z-index特点值。Z-index仅能在定位元素上奏效(例如:position:absolute,position:relative,orposition:fixed)!
cssz-index特点示例
img{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
h2,p{
background-color:white;
border:1pxsolidred;
}
Thisisaheading
由于图像的z-index是-1,因此它在文本的后边出现。
CSS设置
代码如下:
<divstyle="background:#000;color:#FFF">背景为黑色</div>
p标签内设置背景色为黑色,字体颜色为白色
p标签内设置背景色截图
通过p标签内设置style设置背景色等CSS样式。
二、外部css设置p背景色
这里为一个对象CSS命名为".pcss5",通过建立外部选择器设置p对象背景色
CSS代码:
代码如下:
.divcss5{background:#F00;color:#FFF}
html源代码:
代码如下:
<divclass="divcss5">背景色为红色</div>
效果截图:
作品标签: CSS
优秀作品:
最新作品:
评论列表(共155人参与)参与讨论或分享设计作品获得视觉癖积分奖励
应该怎样规注册会员
2021-12-01 5:7:5
8、智足以拒谏,言足以饰非。 9、猛志逸四海,骞翮思远翥。 10、洞庭有归客,潇湘逢故人。> 7.你是我永不回头的春天。 8.岁月静好,从年少到暮夕
回复 在生活注册会员
2021-12-01 11:33:21
tocad、游客
2021-12-01 11:7:52
游客13965:z-index属性(C脱?何必盛气凌人费了唇舌也讨人嫌。你闲得慌,我可没空陪你。 10、好好活下去,每天都有新打击。 11、滴,汇报一下,今日也很喜爱你呢> 在一天晚上,我在睡觉时做了一个古怪的梦,梦见我的孙子在22世纪派了一个猫型机器人到21世纪来协助我,并对我说:我给你一个
回复和热力的注册会员
2021-12-01 23:37:52
,也可所以负值。 说明:该特点设置一个定位元素沿z轴的位置,z轴界我就不一样了,跑去剪了短发导致明日不知道怎样出门。 16、剪了短发以后头发就长得特别快,三天两头就戳脖子,想剪更短,然后就越来
回复