z-index和position的关系

 时间:2026-04-24 16:17:35

1、用法简单如下:

.a{

   position:relative;

   z-index:99;

}

2、position可以为relative(相对定位,)、absolute(绝对定位)、fixed(固定位置),inherit(继承父级特性)然后通过top、right、bottom、left来进行控制。relative是相对于原来的位置进行控制。absolute和fixed都是相对于文本的左上角进行定位。如果父级用了relative,则absolute是相对于父级进行的。

3、如果没有加position时使用z-index是没有效果的,那么层级关系就会错乱,出现不想要得到的效果。

  • 苦菜酥红豆的做法
  • 如何注册Apple ID
  • LOL英雄麦克疯哪里看
  • 美味牛肉丸饺子
  • 江苏高考志愿录取顺序图解
  • 热门搜索
    电脑如何连接打印机 冰冠堡垒巫妖王怎么走 电脑屏幕变小了怎么调 德国都芳漆怎么样 梦幻手游地府怎么加点 路由器怎么设置 股票如何打新股 ~怎么打 乐山大佛在哪里个城市 qq钱包在哪里