z-index属性(CSS设置)

CSSz-index属性(CSS设置)z-index属性z-index特点设置元素的堆叠次序。具有更高堆叠次序的元素总是会处于堆叠次序较低的元素的前面。语法:z-index:auto|number;参数:auto:默许。

  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

  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

(0)

相关推荐

  • resize属性(CSS设置)

    resize,CSSresize属性(CSS设置)resize属性为了增强用户体验,CSS3增加了很对的新属性,其中一个重要的属性就是resize,它允许用户通过拖动的方式改变元素的尺寸,到目前为止,主要用于可以使用ov

    阅读 2021年10月30日
  • 向网站添加有助于阅读障碍的模式

    John C Barstow 2021年11月23日0评论添加一个阅读障碍友好模式到一个网站12分钟阅读CSS,可用性,可访问性,技术,用户体验分享在推特席上,LinkedIn关于...

    2021年12月10日
  • transition-delay属性(CSS设置)

    属性,CSStransition-delay属性(CSS设置)transition-delay属性在过渡效果开始前等待2秒:div{transition-delay:2s;-moz-transition-delay:2s

    阅读 2021年11月20日
  • width属性(CSS设置)

    width属性,CSSwidth属性(CSS设置)width属性直接给span符号的款式设定width特点,会发现不会发生作用。假如设置display:block,width特点收效,可是此刻的span跟div相同了。假

    阅读 2021年11月29日
  • perspective-origin属性(CSS设置)

    CSSperspective-origin属性(CSS设置)perspective-origin属性属性值:x-axis:它代表透视原点的水平位置。下面列出了x轴的可能值:percentage(%):它以百分比形式设置x

    阅读 2021年10月27日
  • 带有React和GreenSock的3D CSS翻转捕捉

    Jhey Tompkins 2021年11月29日0评论3D CSS FLIPY快照与反应和GRACESONK 14分钟阅读CSS,反应,工具,应用程序,技术分享在推特上,Link...

    2021年12月10日