css - 想要使用 CSS 将 imagine 放置在 DIV 中但不显示图像？

Question

我正在创建一个将包含在我的其余页面中的 php，我希望它包含 Logo 、标语和指向站点所有页面的 CSS 样式的链接。我正在使用:

<?php 
require_once("home_start.php");
    ?> 

在我所有页面的开头。

但是，在此页面中，我想创建一个空的 DIV，它使用 CSS(我喜欢)我将能够在其中放置 Logo (GIF)。

我的 div 看起来像这样:

<div id="title">

</div>

我的 CSS 看起来像这样:

#title {

  background-color: #FFFFFF;
  background-image: url(graphics/logo.gif);
  background-repeat: no-repeat;
  background-position: center;
  width:250px;
  display: block;
  margin: 0 auto;
 -moz-border-radius: 15px;
  border-radius: 15px;
} 

为什么想象没有出现？(请记住我对编码和这个网站还很陌生)

Answer 1

首先，我建议您将 Logo 放在 anchor /链接标签中，例如<a href="/">[LOGO HERE]</a>而不是使用 <div>与背景图像。这有助于导航并具有 SEO 优势。你最终会得到这样的结果:

<div id="title"><a title="Your company name" href="/"><img src="graphics/logo.gif"/></a></div>