综合案例第三天

今天我们接着前两天继续做案例，今天给我的感觉，老师讲的都能听懂，当时也都能写出来，但到晚上自己从头再来写一遍时，就有点蒙，自己串起来就有点难度了，有些地方要想好久。单个知识点都能掌握，但有时就是衔接不上，可能就是我们还敲的代码太少。今天我敲代码过程中也遇到了一些问题。

1：对于定位元素的层级，之前可能没怎么用，用起来还不是很熟练，今天我也遇到bug了，两个元素层叠了，一个就是显示不出来，自己想了很久，也没想出来，后来问老师了，老师一说，你上面的层级比下面的小，就显示不出来了，瞬间感觉其实也很简单。

2：今天用到了让背景透明，内容不透明，background:rgba(0,0,0,0),四个0是调节透明度的。

3：相邻元素的层级，两个边宽相邻，相邻的部分是普通的两倍，要怎么让他显示一整个正常一个边框。

　下面是仿用淘宝上的样式：　　　

* {
margin: 0;
padding: 0;
}
div {
width: 200px;
height: 500px;
border: 10px solid blue;
float: left;
/*margin-right: 10px;*/
margin-left: -10px;
position: relative; /*定位了的元素，默认的都会有层级的概念，而且默认的层级都是0*/
}
div:hover {
border-color: red;
position: relative;
z-index: 1;
}