程序员经验分享-hwhale

auto、0 和无 z-index 之间的区别？

2024-04-22

有什么区别：

  1. z-index: auto
  2. z-index: 0
  3. no z-index at all

以上所有场景均针对div包含两个divs, div1 and div2每个都有一个z-index这是9 and 10分别。

封闭的div位于 HTML 的堆栈上下文中。


未指定z-index是相同的z-index: auto;这是它的初始值。

auto and 0如果您的元素没有创建自己的堆叠上下文，则意味着同样的事情；例如它的定位不是相对的、绝对的或固定的。

如果您附上div没有定位，那么无论你设置它的什么z-index至无所谓；它及其所有内容将参与堆栈上下文html，并且它的后代将始终位于它的前面。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html

css

zindex

auto、0 和无 z-index 之间的区别？ 的相关文章

  • 从输入类型编号获取无效值

    我正在使用输入类型数字 当它无效时 我如何从中获取值 例如 使用类型编号并仅打印 e 这本身是无效的 我正在使用 React 但我认为这个问题非常普遍 onChange event console log event target valu

  • 如何从 bootstrap-markdown.js 调用 .getContent 和 .parseContent

    我是使用 Bootstrap 插件的新手 刚刚通过代码学院 http www codecademy com en skills make an interactive website 我真的很想用这个很棒的引导 Markdown 插件 ht

  • CSS: *html #id_name

    我有这个代码 html alertBox height 100px modalContainer gt alertBox position fixed 这是由CSS支持的吗 我在其他网站上找到了这段代码 我忘记了链接 html alertB

  • jQuery 或 Javascript - 如何禁用窗口滚动而不溢出：隐藏；

    您好 是否可以在不使用的情况下禁用窗口滚动overflow hidden 当我悬停一个元素时 我试过 chat content on mouseenter function document scroll function e if e h

  • JavaScript 中带前导零的数字发生变化

    我使用 print 语句从 php 调用 javascript 函数来打印 html 代码 并且传入一个整数 但是 在 php 中传递的值与 javascript 函数接收到的数字不匹配 我不知道为什么 这是调用 javascript 函数

  • Angular JS 中的数组

    我是 Angular JS 新手 我正在将元素推送到数组中 然后想使用 ng repeat 在 html 中显示 scope groupedMedia Adding elements through a for loop scope gro

  • 滚动时将菜单栏固定在顶部[关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我见过一些网站 当用户向下滚动页面时 会在右侧或左侧弹出一个框 另外 注意到这个模板 http www mvpthemes com m

  • 如何使用文件输入在PDFJS中打开本地PDF？

    我想知道是否有办法使用选择pdf文件input type file 并使用打开它PDFJS https github com mozilla pdf js 您应该能够使用 FileReader 来获取文件对象的内容作为类型化数组 pdfjs

  • HTML：如何强制链接在新选项卡而不是新窗口中打开[重复]

    这个问题在这里已经有答案了 I use target blank 在新选项卡中打开链接 但在 IE 中它会打开一个新窗口 这是完全合乎逻辑的 因为这就是 blank应该做的 我不知道如何target blank 在其他浏览器中的行为 有什么

  • 像在 tumblr 注册页面上那样鬼写

    有谁知道如何创建一个类似 tumblr 的字段 http www tumblr com http www tumblr com 这是一个 URL 字段 其中有一些褪色的文本 然后当您单击它并键入时 它会附加一些文本 tumblr com 您

  • 使用 jQuery 更改父元素样式

    我有下一个 html 设置 div class one div class two a href class three Click a div div 我想更改具有类的元素的背景颜色 one当我点击元素时 three使用 jQuery 这

  • 如何在 Bootstrap 3 的导航栏中添加带有图标的搜索框？

    我正在使用新的 Twitter Bootstrap 3 并尝试放置一个像这样的搜索框 如下 在顶部导航栏中 在 Bootstrap 2 中 可以这样完成

  • 如何处理 Django 中的错误

    我想让我的 django 应用程序尽可能对用户友好 并且我想处理适当的错误并让它推出类似于 javascript 中的警报的错误消息 我想在没有上传文件时执行此操作 因此 当按下上传按钮并且尚未上传任何内容时 将会发出一条警报消息 我的看法

  • 水平滚动的表格上的“粘性”标题......完全不可能？

    经过过去几个小时的研究后 我开始认为这是不可能的 即使在最新的浏览器上也是如此 HTML table具有水平滚动的元素 带有 粘性 thead在顶部 作为垂直滚动的周围网页的一部分 这是我的尝试 a height 100px backgro

  • 设置双指缩放时精确的滚动位置

    我正在创建一个地图应用程序 它将标记图像放置在画布上并滚动到它 我正在使用浏览器的捏缩放和滚动来放大 缩小地图 然而 我注意到有一些奇怪的行为 我想知道如何解决它 这有点难以解释 但我们开始吧 假设您处于网页的标准缩放级别 无法进一步缩小

  • 更改API数据输出的布局

    我是 API 集成和 PHP 的新手 我最近将 VIN 解码器集成到我的应用程序中 在输入框中输入车辆的 VIN 选择提交 然后就会显示 API 数据库中有关该车辆的所有信息 数据存储为关联数组 其中包含类别及其相应元素 例如 对于 VIN

  • 为不同的字体系列指定不同的字体大小

    有没有办法为不同的字体系列指定不同的字体大小 我想要使 用的字体 出于产品品牌目的 是一种有点罕见的字体 FlashDLig 并非所有 PC 和浏览器都支持 我的一台带有 IE 9 的 Windows 7 PC 不显示它 现在 对于我使用

  • 如何使用 CSS 媒体查询检测设备方向？

    在 JavaScript 中 可以使用以下方式检测方向模式 if window innerHeight gt window innerWidth portrait true else portrait false 但是 有没有一种方法可以仅

  • 如何使整个跨度落入新行？

    这个片段显示了我想要的 http jsfiddle net 945Df 3 http jsfiddle net 945Df 3 div class sup strong a href Rosario Santa Fe Argentina a

  • Service Worker 与 Shared Worker

    Service Worker 和 Shared Worker 有什么区别 我什么时候应该使用 Service Worker 而不是 Shared Worker 反之亦然 Service Worker 具有共享 Worker 之外的附加功能

随机推荐

  • 无法读取未定义的属性“forEach”

    var funcs 1 2 forEach i gt funcs push gt i 为什么会产生下面的错误 TypeError Cannot read property forEach of undefined at Object

  • 如何为 JVectorMap jquery 插件生成新的自定义地图？

    有用的链接 JVectorMap http jvectormap com http jvectormap com 购物中心示例 http jvectormap com examples mall http jvectormap com ex

  • Scala 中 def 和 val 的区别

    循环定义如下 def loop Boolean loop 当x定义为 def x loop然后控制台中会显示 x Boolean and 当x定义为 val x loop然后就进入无限循环 我知道 def 正在使用按名称调用 而 val 正

  • 不允许主机连接到此 MySQL 服务器以进行客户端-服务器应用程序

    我刚刚将表从一台 Web 主机导出到另一台 AWS 以为一切都会顺利 是的 没错 好吧 一切可能出错的事情都已经出错了 尝试查询我的数据库时出现此错误 我之前没有得到过 SQLSTATE HY000 1130 Host

  • Android：如何使用单个按钮执行多个任务

    我有 1 个按钮处于活动状态 我想使用这个 1 按钮来执行多项任务 那么我该怎么办呢 如果我第一次按此按钮 则更改 2 次按钮 如果我按第二次 它就会更新我的数据 但这只是第一次工作第二次就不起作用了 查看我的代码我尝试了什么 Intent

  • 更好的数据库设计是：更多的表还是更多的列？

    一位前同事坚持认为 具有更多表且每个列较少的数据库比具有较少表且每个列较多的数据库更好 例如 您将拥有一个名称表 一个地址表 一个城市表等 而不是包含名称 地址 城市 州 邮政编码等列的客户表 他认为这种设计更加高效和灵活 也许它更灵活 但

  • Caffe 中的预测 - 异常：输入 blob 参数与网络输入不匹配

    我使用 Caffe 使用非常简单的 CNN 结构对非图像数据进行分类 我在尺寸为 n x 1 x 156 x 12 的 HDF5 数据上训练网络没有任何问题 但是 我在对新数据进行分类时遇到了困难 如何在不进行任何预处理的情况下进行简单的前

  • CUDA Thrust 和 sort_by_key

    我正在寻找 CUDA 上的排序算法 它可以对元素数组 A 双精度 进行排序 并返回该数组 A 的键 B 数组 我知道sort by keyThrust 库中的函数 但我希望元素数组 A 保持不变 我能做些什么 我的代码是 void sort

  • 在环形应用程序中捕获异常的惯用方法

    处理环形应用程序中的异常的惯用方法是什么 我想捕获异常并返回 500 页 我怎么做 我在下面的代码中使用了 Mustache 但是它不起作用 def my app try app wrap logger true wrap keyword

  • java.util.logging.Logger 不尊重 java.util.logging.Level？

    在普通 Java SE 6 环境中 Logger l Logger getLogger nameless l setLevel Level ALL l fine somemessage Eclipse 控制台中没有显示任何内容 l info

  • 获取实体的请求。attribute == @"somevalue"

    如何设置提取请求以仅从具有一个特定值的实体属性中提取数据 这是我之前使用过的基本代码 void fetchResults NSFetchRequest fetchRequest NSFetchRequest fetchRequestWith

  • 在 React 中插入 HTML 注释

    有没有办法在 React JSX 中插入 HTML 注释节点 就像插入组件或 DOM 节点一样 例如 类似 React createElement Comment comment text 将渲染为 这个想法是评论在页面上可见 所以 thi

  • 基于订阅的 Web 服务业务/网站的最佳框架？ [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我们正在开发一项新的网络服务 该服务对于低流量用户免费 对于高流量用户则基于订阅 大多数用户可能会通过

  • Spring Integration DSL - 可访问标头的出站网关

    我在 Spring 集成方面遇到了问题 我正在使用 Spring Boot 1 4 0 RELEASE Spring Integration 4 3 1 RELEASE Spring Integration DSL 1 2 0 M1 我正在

  • gcc 链接的默认库？

    假设我有一个非常简单的 C 文件 称为 foo c int main printf foo return 0 现在我调用 gcc gcc foo c 当我调用 gcc 时 没有选项 如上面的示例 默认链接哪些库以及它们位于何处 在 Mac

  • 为什么 Hibernate Envers 忽略我的自定义 RevisionEntity？

    我正在使用 JPA 2 1 由 hibernate 4 2 11 支持 和 spring 4 0 2 开发一个应用程序 我们正在使用 Envers 来审核项目实体的变更 效果很好 当我们尝试使用自定义修订实体时 问题就出现了 正如 Enve

  • 使用凭证进行跨源资源共享

    我有一个跨多个子域 example com blog example com 和 app example com 的通用身份验证表单 登录表单必须将此数据提交到 example com 无论它显示在哪里 所以我想到使用 CORS 但是这样

  • 将选择值关联到 Angular 4 中的 ngModel

    我正在使用 Angular 4 尝试将 Value 关联到 ngModel 但得到Null 请帮助我连接ngValue to ngModel

  • 在AVPlayer中获取averagePowerForChannel

    我怎样才能得到averagePowerForChannel in AVPlayer为了在我的音乐应用程序上制作音频可视化 我已经完成了可视化部分 但我卡在了它的引擎 实时音量通道 中 我知道通过使用AVAudioPlayer它可以很容易地使

  • auto、0 和无 z-index 之间的区别？

    有什么区别 z index auto z index 0 no z index at all 以上所有场景均针对div包含两个divs div1 and div2每个都有一个z index这是9 and 10分别 封闭的div位于 HTML

热门标签