为啥图片显示不出来呀，浏览器也没有报错-慕课网

为啥图片显示不出来呀，浏览器也没有报错

来源：4-2 侧边栏导航跟随案例

蒹葭苍沧

2020-09-14 22:42

<!DOCTYPE html>
<html lang='zh-cn'>
    <head> 
      <title>菜单</title>   
      <meta charset='utf-8'> 
      <style type='text/css'>
         *{ 
          margin: 0;
          padding: 0; 
        }           
         .page{             
           width: 100%;        
           height: 100%;             
           background: url(imooc.jpeg) center top no-repeat;      
        } 
      </style>    
      </head>    
      <body>       
          <div class="page"></div>          
     </body>
     </html>

写回答关注

2回答

qq_何某人: 2020-12-24 16:15:53

html,body{
    width: 100%;
    height: 100%;
}

这样就可以了

0 0

慕移动3428187

2020-11-20 15:23:51

page设置height: 100%; 实际高度为0，它的父元素是body，默认高度就是0px。设置一个固定高度或者里面放个能撑起高度的子元素就能显示出来了

0 0

css定位 position

老师带你了解CSS中定位的知识，并运用到实际案例中。

49043 学习 · 92 问题

查看课程

相似问题

为什么图片不能显示

回答 1

为什么方块没有贴着浏览器的左上边？

回答 1

代码一样为什么不显示图片呢

回答 3

为什么图片出不来请各位大佬解答

回答 1

图片怎么搞出来啊

回答 4

打开慕课网App查看更多内容