Question

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

以下是两个代码：

标题

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

为什么标题会显示而不是页脚？

Answer 1

某些浏览器不允许使用空<div>标记。您的浏览器可能正在执行此操作，这会导致页脚无法显示。

Answer 2

如果这正是您编写代码的方式，我很惊讶您的标题即使可行。从我所看到的，你定义.head和.footer的方式没有正确完成。此外，您正在尝试在CSS中做一些简写，但是您在“附件”之前定义了图像的“位置”，这是不正常的。 Here is a link to more about that尝试在您和标记中添加以下内容：

<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>

页脚没有显示？

2 个答案: