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

来源:3-4 移动端项目开发---表示层(bg)

qq_巴巴罗萨_0

2017-01-10 13:22

.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%;
}


写回答 关注

3回答

  • 飞雪1
    2017-02-08 18:08:50

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

  • 慕粉1131507708
    2017-02-06 15:39:26

    直接一点不要指向了,

    #page1 {
       background: url("../xiao素材/p1_bg.jpg") no-repeat center center;
       background-size:100%;
    }

    这样也能出背景

  • 烟花肆意
    2017-01-10 20:18:10

    .page> .bg {

    position: absolute;

    z-index: -1;

    width: 100%;

    height: 100%;

    }

    .page {

    position: absolute;

    width: 100%;

    height: 100%;

    }

    再不行就核对下图片路径

HTML5+CSS3实现春节贺卡

又逢新春佳节,春节贺卡搞起来,学会HTML5+CSS3实现春节贺卡

110034 学习 · 450 问题

查看课程

相似问题