.div1{
transform:translateY(-50%);/**上移元素**/
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
.div2{
transform:translateY(50%);/**下移元素**/
-ms-transform:translateY(50%);
-webkit-transform:translateY(50%);
}
.div3{
transform:translateX(-50%);/**左移元素**/
-ms-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
}
.div4{
transform:translateX(50%);/**右移元素**/
-ms-transform:translateX(50%);
-webkit-transform:translateX(50%);
}
*****************************************************
position:absolute;left:1185px;top:-120px;/*绝对路径左右上下*/
background: url(../image/bg_nav.png )no-repeat left 10% top 10% ; 图片路径的上下左右
准透明度就是opacity,filter只有IE才能用,其他浏览器都支持opacity,
margin: auto;/**居中显示*/
ul li p{
height: 0px;
transition: height 1s; /*看过度效果过渡是元素从一种样式逐渐改变为另一种的效果*/
overflow: hidden;/*当子容器这个div的宽度和高度都大于父容器这个div的时候，父容器并没有被内撑开而是依旧显示为我们指定的宽高*/
margin: 0;
background: #43688a;
}
var obj=$(this).siblings("p"); // jquery siblings 的遍历属性 这里是遍历所有的p属性
