10-1 项目实战（仿同城旅游网首页）知识准备

站点：www.ly.com

 

IE7 浏览器常见问题：

两个div默认情况下后写的那个div的图层在先写的图层的上面，如果有交叉部分则会盖住之前的图层

设置被挡住的图层 z-index:2;

给同级的div设置z-index

 

CSS3 box-shadow属性

box-shadow:0px 0px 0px 0px grey;  //可以是负值

 

/*这段文字插在对应div内容的后面*/
<style>
#div3:after{
    content:'Welcome to the page!';
    color: red;
}
</style>

/*不放内容用于遮挡阴影部分*/
<style>
#div3:after{
    content:'';
    display:block;
    width:150px;
    height:30px;
    position:absolute;
    bottom:-20px;
}
</style>