CSS之巧用z-index属性

大家平时可能是在涉及到absulute布局元素之间的叠加时才会想起z-index属性，但是z-index属性不仅仅对absolute布局的元素生效
给大家看一下用html中的input和label来实现Native Android中的Material效果

即聚焦在input框上时，用户名或者密码的提示标签会上浮，并且改变样式（字号，字体颜色等）
但是由于html中的placeholder不可能上浮，所以我们要模拟这种效果，但是由于在input上盖上一层label会导致点击到label上时input无法聚焦，所以我们要解决label挡在input前这一问题

z-index属性就是解决这个问题的关键，z-index属性可以使用在非absolute布局的元素上，只要将input框设为透明效果，然后z-index给定一个正的比较大的值，比如100，然后label给定一个负值，比如-10，这样input框就会盖在label上，我们点击到label的位置时input就可以正常聚焦，label可以正常上浮

巧用z-index属性很重要~
CSS(Cascading Style Sheets)很强大~