全透视：CSS Z-index 属性（8）
作者：竹馥堂主 来源：osmn00.com 发布时间：2009-09-21 12:52:00
标签：css,z-index,层叠,属性
增强版的层叠布局
24 ways 这个网站以Z-index为工具来提升它的模板体验，将年份和日期的长度、宽度延伸到和网站外层容器同等并相互交织，创造出了一个非常有趣的效果。
奇异的网摘栏
Janko At Warp Speed 这个网站在“奇异的网摘栏”中使用了Z-index。
完美的整页背景图
Chris Coyier 阐述了这个技术 并将之应用到了ringvemedia.com 网站上。在内容容器上应用 z-index 以确保它出现在那个看上去像“背景”其实却不是的图片上。
总结
在CSS中层叠关系是一个复杂的话题。本文并不打算针对这个话题的所有细节进行讨论，而是针对Z-index究竟是如何影响我们网页的层叠顺序进行一次深入的探讨。这里所说的，当被真正的全面理解后，我们会发现这个CSS属性是如此的强大。
初学者现在应该会对这个属性有了非常好的理解，并且会避免很多在对其的使用过程中经常出现的问题。另外，有基础的开发者也会对如何正确使用Z-index来避免很多布局方面的问题有了更为深入的理解，并且为创造出更多的CSS艺术作品打开了大门。
延伸阅读
关于作者
Louis Lazaris 是一个WEB开发方面的作者和自由设计师，他住在加拿大的多伦多市，在WEB开发方面有着9年经验。他在他的博客Impressive Webs 上发表WEB设计文章及教程。
0
投稿猜你喜欢
- 通常我们做网站，设计版面布局是第一步，如何做到版面布局具有创意又美观大方呢?这就需要一定的版面处理功底。让我们先来了解一下版面布局的步骤:一
第一步：创建django项目打开终端，切换到期望所写项目的地址：cd python3_django_projects;输入命令：django- 使用pycharm创建新项目，使用虚拟环境，但是进入到项目的cainiao_guoguo_health\venv\Scripts目录启动虚拟
- 基本示例?计算属性允许我们声明性地计算衍生值。然而在有些情况下，我们需要在状态变化时执行一些“副作用&rdquo
- 随着python的发展越来越好，用python的伙伴也越来越多。本人刚开始接触python的时候用的第一个集成环境就是Anaconda，因为
- 一个比较好用的字符串截取函数：function substring($str, $start, $length){ //比较好用字符串截取函
- 分享炫酷的前端页面随机二维码验证，供大家参考，具体内容如下直接上代码<％@ page contentType="text/h
- 实例如下所示：>>>from compiler.ast import flatten>>>Xmatrix
- 当模型models.py中发生改变时，即在models.py文件操作数据表，使得数据库中的表结构发生变化，需要使用命令，记录这些操作，类似于
- python爬虫写起来非常快，虽然也可以用java，但是没有python来的简
- 工厂模式（Factory Pattern）是什么工厂模式是一种创建型模式，它提供了一种创建对象的最佳方式。在工厂模式中，我们在创建对象时不会
- 前言本文讲诉了Vuex的安装、搭建。以及Actions、Mutations、State、Getters的使用，为什么使用mapState、m
- 目录1. 最直观的相加2. 借助 itertools3. 使用 * 解包4. 使用 extend5. 使用列表推导式6. 使用 heapq7
- 错误现象：autopep8无法运行，运行后vscode右下角提示Error: Command failed: autopep8 c:\Use
- 1、下载安装包-根据自己电脑系统选择合适的版本：https://dev.mysql.com/downloads/mysql/2、配置环境变量
- 1. 原理利用 PIL 库来获取图片并修改大小，利用灰度值转换公式把每一个像素的 RGB 值转为灰度值gray = int(0.2126*r
- 剑指Offer(Python多种思路实现):剪绳子面试14题：题目：剪绳子题：给你一根长度为n的绳子，请把绳子剪成m段(m,n都是整数，且n
- 1、python代码实现图片分割成九宫格需要包含的库，没有下载安装的，需要自己安装哦。实现原理很简单，就是用PIL库不断画小区域，切下来存储
- 对大家推荐很好使用的MySql节点系统，像让大家对MySql节点系统有所了解，然后对MySql节点系统全面讲解介绍，希望对大家有用在向大家详
- 写的dht协议搜索的程序，这几天优化了一下发现速度确实快了好多。但是出现了一个新的问题，内存直接飙升，我开了十个爬虫占用内存800m。开始我
