解决css层的掩盖

进行网页制作时，有时需要涉及到的用css的一个层去掩盖另外一个层：

比如某宝这个收藏夹这个层掩盖了搜索这个层：

但是我做出来的是这样：

定义收藏夹那个层为浮动层1，搜索那个层为浮动层2

上面的效果的代码顺序为：

浮动层1（收藏夹）

浮动层2（搜索栏）

收藏夹层反而被搜索这个层掩盖了。

解决这个问题很简单：

只需要把浮动层1与浮动层2调换位置即可。

也就是代码顺序为：

浮动层2（搜索栏）

浮动层1（收藏夹）

由此得出一个结论就是： 那个层要做掩盖者就放在被掩盖者下面。

或者可以用下面的方法：

在css中设置

position: absolute(或relative或fixed);

z-index:99;

其中z-index的值越大，意味这一层在越上面

要使z-index生效,仅当position的值为absolute,relative或fixed 其中一个即可