|
Stu Nicholls所做的CSS实验：
Stu Nicholls在他的网站 CSSplay 中阐释了众多的CSS的案例。下面是一些关于z-index属性的作品。
CSS 图片地图
CSS 游戏
CSS模仿框架
增强版的层叠布局：
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设计文章及教程。
经典论坛讨论：
http://bbs.blueidea.com/thread-2952322-1-1.html
本文链接：http://www.blueidea.com/tech/web/2009/7060.asp 
出处：蓝色理想
责任编辑：bluehearts
上一页 全透视:CSS Z-index 属性 [6] 下一页
◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。
|
第 1 页 
第 7 页 全透视:CSS Z-index 属性 [7]
