0

我基本上复制了我的标题编码并切换了一些东西,但它没有显示出来。我不明白为什么它不会,除非我输入错误。

下面是两个代码:

标题

<div class="head">
 <div class="centerimg">
 <img src="images/logo.png" width="96" height="82">
 </div>
    .head {background-image:url('images/header_bg.png'); top repeat-x; height: 182px;}

页脚

<div class="footer">
</div>

.footer {background-image:url('images/footer_bg.png'); bottom repeat-x; height: 110px;} 

为什么会显示页眉而不显示页脚?

4

2 回答 2

2

一些浏览器不允许空<div>标签。您的浏览器可能正在执行此操作,这会导致页脚不显示。

于 2013-05-12T18:03:46.557 回答
0

如果这正是您编写代码的方式,我很惊讶您的标题甚至可以正常工作。从我所见,您定义 .head 和 .footer 的方式不正确。此外,您正在尝试在 CSS 中做一些速记,但您在“附件”之前定义图像的“位置”,这是无序的。 这是一个链接到更多关于它 尝试在你的和标签内添加以下内容:

<style type="text/css">
  .head {background: transparent url('images/header_bg.png') repeat-x 0px 0px; height: 182px;}
  .footer {background:transparent url('images/footer_bg.png') repeat-x 0px 0px; height: 110px;}
</style>
于 2013-05-12T18:02:13.550 回答