当前位置：首页 → 问答吧 → 显示图片的问题

显示图片的问题

时间：2011-12-02

来源：互联网

在CSS文件中有：
#home #header
{
background-color:#ebf0d1;
background-image:url(../img/home_banner.jpg);
background-repeat:no-repeat;
background-position:center top;
}

在HTML文件中：
<body id="home">
<div id="header">

</div>
</body>
可是网页上没有显示出图片(../img/home_banner.jpg);问题出在哪里呢；

#home #header
就是说先选ID为home，再选ID为header吧；
HTML中不是先已经在body中选了home，然后再在div中选header吗；

请问该如何修改

作者: zhrybd11 发布时间: 2011-12-02

写个宽高

#home #header
{
background-color:#ebf0d1;
background-image:url(../img/home_banner.jpg);
background-repeat:no-repeat;
background-position:center top;
width:100px;
height:100px;
}

作者: MuBeiBei 发布时间: 2011-12-02

宽？高？路径？

作者: lover0116 发布时间: 2011-12-02

为什么一定要写宽、高呢；
如果在CSS中去掉#header,改写成：

#home{
background-color:#ebf0d1;
background-image:url(../img/home_banner.jpg);
background-repeat:no-repeat;
background-position:center top;
}
在HTML文件中写成：
<body id="home">
</body>
图片就可以正常显示了，这又是为什么呢

作者: zhrybd11 发布时间: 2011-12-02

还有一点：
在
#home #header
{
background-color:#ebf0d1;
background-image:url(../img/home_banner.jpg);
background-repeat:no-repeat;
background-position:center top;
}
中定义了背景图片出现的位置是水平中间（center），垂直顶部（top）；
可是显示出的图片出现在了网页的最左上方，这是怎么回事呢

作者: zhrybd11 发布时间: 2011-12-02

显示图片的问题

热门阅读

热门下载