照着老师的写，背景却没有出来

源自：3-4 移动端项目开发---表示层（bg）

照着老师的写，背景却没有出来

.page{height: 100%}
.page > .bg{
position: absolute;
width: 100%;
height: 100%;
}
/*页面1*/
#page1 > .bg{
background: url("../xiao素材/p1_bg.jpg") no-repeat center center;
background-size:100%;
}
/*页面2*/
#page2 > .bg{
background: url("../xiao素材/p2_bg.jpg") no-repeat center center;
background-size:100%;
}

提问者：qq_巴巴罗萨_0 2017-01-10 13:22

个回答

飞雪1

2017-02-08 18:08:50

审查元素，先确定高度有没有撑起来，也就是page的高度

0
慕粉1131507708

2017-02-06 15:39:26

直接一点不要指向了，
#page1 {
background: url("../xiao素材/p1_bg.jpg") no-repeat center center;
background-size:100%;
}
这样也能出背景

0
烟花肆意

2017-01-10 20:18:10

.page> .bg {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
}
.page {
position: absolute;
width: 100%;
height: 100%;
}
再不行就核对下图片路径

0