关于z-index的那些事儿

日期：2013-3-6  来源：GBin1.com

关于z-index的真正问题是，很少有人理解它到底是怎么用。其实它并不复杂，但是如果你从来没有花一定时间去看具体的z-index相关文档，那么你很可能会忽略一些重要的信息。

不相信我吗？好吧，看看你能否解决下面这个问题：

问题：

在 接下来的HTML里 有三个<div>元素，并且每个<div>里包含一个<span>元素。每 个<span>被分别给定一个背景颜色：红、绿、蓝。每个<span>被放置到文档的左上角附近，部分重叠着其他 的<span>元素，这样你就可以看到哪些是被堆叠在前面。第一个<span>有一个z-index的值为1，而其他两个没有任 何z-index值。

以下就是这个HTML和它的基本CSS。

HTML代码

..........

via gbtags

来源：关于z-index的那些事儿