Question

我是网页设计的新手，我有一个问题要问。我无法看到背景图片。这是我的代码。我究竟做错了什么？我确信图像位于正确的位置，我将style.css链接到我的html代码。

PHP：

<div style="main_div">
<div style="banner">


</div><!--banner end-->
</div><!--main end-->

CSS：

.main_div{width: 1000px; margin: auto;}

.banner{
width:100%; 
height:100%;
background-image: url(../img/bannerimg.png); 
margin-top:50px;}

我还在CSS代码中重置了Eric Meyer的代码。提前谢谢。

Answer 1

您应该将style更改为class，它应该有效。你的问题是你正在使用错误的关键字。

class用于识别元素
id用于标识唯一元素
style是在元素

CSS

Answer 2

为main_div班级增加一个高度，然后更改＆＃39;样式＆＃39;属于＆＃39; class＆＃39;代替。

.main_div {
    width: 1000px;
    height: 1000px;
    margin: auto;
}

您还可以设置 background-repeat：no-repeat; ，以便图片只显示一次。

<div class="main_div">
  <div class="banner">

  </div><!--banner end-->
</div><!--main end-->

.banner {
    width: 100%;
    height: 100%;
    background-image: url(../img/bannerimg.png);
    background-repeat: no-repeat;
    margin-top: 50px;
}

CSS类中的背景图像到<div>里面

2 个答案: