跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
z-index

7 篇文章
{
,

}
指向文章 CSS 无限循环滑块 - 通过拍立得图片翻页 的直接链接
carousel css animation images slider z-index

CSS 无限循环滑块 - 通过拍立得图片翻页

在上一篇文章中,我们做了一个非常酷的小滑块(或者“轮播”如果你更喜欢这个叫法),它以循环的方式旋转。这一次,我们将做一个可以翻阅拍立得图片堆叠的滑块……

Avatar of Temani Afif
Temani Afif 于 2023 年 1 月 12 日
指向文章 拓扑排序 的直接链接
z-index

拓扑排序

Jordan Scales 探索了计算机科学中的拓扑排序概念,以及它应用到 CSS 中的 z-index 概念时会是什么样子。因此,你不会直接表达 z-index 应该是什么;相反,你会说出……

Avatar of Chris Coyier
Chris Coyier 于 2021 年 12 月 16 日
指向文章 z-index 系统 的直接链接
z-index

z-index 系统

假设你遇到了一个 z-index 错误。某些东西被其他东西遮住了。根据我的经验,典型的解决方案是在该元素上设置 position: relative,以便 z-index 首先生效,也许还要调整 z-index……

Avatar of Chris Coyier
Chris Coyier 于 2021 年 9 月 24 日
指向文章 永远是堆叠上下文 的直接链接
stacking contexts z-index

永远是堆叠上下文。

在“到底怎么回事,z-index?”中,Josh Comeau 将 Photoshop 或 Figma 等设计软件中的图层组比作 CSS 中的 堆叠上下文。如果你在 Photoshop 中有一个图层组 A 中的元素,它……

Avatar of Chris Coyier
Chris Coyier 于 2021 年 3 月 22 日
指向文章 CSS 绘制顺序 的直接链接
stacking contexts z-index

CSS 绘制顺序

通常,当我看到“绘制顺序”或“堆叠上下文”这样的术语时,我的大脑就会开始关闭,我的眼睛也会变得模糊。不是说我的大脑通常不经常关闭,但那是另一个话题……

Avatar of Geoff Graham
Geoff Graham 于 2020 年 7 月 20 日
指向文章 使用可视化工具学习 Z-Index 的直接链接
z-index

使用可视化工具学习 Z-Index

Thiru Manikandan 在这里提供了一些非常棒的交互式演示 。 有几件关于 z-index 的非常棘手的事情,总能让人感到困惑。除了诸如需要定位和源顺序之类的因素外,最棘手的莫过于……

Avatar of Chris Coyier
Chris Coyier 于 2020 年 6 月 12 日
指向文章 将事物放在其他事物之上 的直接链接
stacking contexts z-index

将事物放在其他事物之上

由 Isabel Brison 对 z-index 进行的通俗易懂的探讨。从表面上看,z-index 似乎很简单。它是一个数字,它代表着什么在什么上面……假设它被定位了……并且假设它在……

Avatar of Chris Coyier
Chris Coyier 于 2018 年 9 月 25 日

CSS-Tricks 由 DigitalOcean 提供支持。

随时了解 web 开发最新动态

使用我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律条款
  • 获取免费积分!
CSS-Tricks
  • 为我们写作!
  • 与我们做广告
  • 联系我们
社交
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.