博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS3--关于z-index不生效问题
阅读量:4573 次
发布时间:2019-06-08

本文共 935 字,大约阅读时间需要 3 分钟。

最近写CSS3和js结合,遇到了很多次z-index不生效的情况:

1.在用z-index的时候,该元素没有定位(static定位除外)

2.在有定位的情况下,该元素的z-index没有生效,是因为该元素的子元素后来居上,盖住了该元素,解决方式:将盖住该元素的子元素的z-index设置为负数

下拉框例子:

1.盖住的时候:

2.将下拉框的z-index设置为负数

代码:

1   2   3   4 
5 无标题文档 6 62 63 64 65
66
    67
  • 一级菜单 68
      69
    • 二级菜单
    • 70
    • 二级菜单
    • 71
    • 二级菜单
    • 72
    73
  • 74
  • 一级菜单 75
      76
    • 二级菜单
    • 77
    • 二级菜单
    • 78
    • 二级菜单
    • 79
    80
  • 81
  • 一级菜单 82
      83
    • 二级菜单
    • 84
    • 二级菜单
    • 85
    • 二级菜单
    • 86
    87
  • 88
89
90 91 92

 

转载于:https://www.cnblogs.com/mrszhou/p/7745290.html

你可能感兴趣的文章
在Apache下开启SSI配置
查看>>
多线程上下文切换
查看>>
基于django后端的html、js简单实现含中文csv文件下载
查看>>
MySQL的InnoDB的幻读问题
查看>>
【转】 HTML解析:基于XPath的C#类库HtmlAgiliytyPack
查看>>
传递引用
查看>>
POJ 1611.The Suspects
查看>>
新的环境 新的生活 新的开始
查看>>
给有C或C++基础的Python入门 :Python Crash Course 1 - 3
查看>>
mysql的查询、子查询及连接查询
查看>>
GJM : Unity调用系统窗口选择本地文件
查看>>
linux的联网以及语言的更改
查看>>
145-PHP 使用<<<和HTML混编(一)
查看>>
栈的顺序存储结构以及实现
查看>>
【python】-- Socket粘包问题 ,解决粘包的几种方法、socket文件下载,md5值检验
查看>>
2016-09-12
查看>>
CDHD驱动器——ServoStudio配置高创伺服速度模式不转
查看>>
完整版本的停车场管理系统源代码带服务端+手机android客户端
查看>>
【UOJ 92】有向图的强联通分量
查看>>
bzoj 1192
查看>>