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

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

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

问题：

在接下来的HTML里有三个

元素，并且每个

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

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

HTML代码

..........

来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/8288/viewspace-755495/ ，如需转载，请注明出处，否则将追究法律责任。

ITPub博客