为什么我的标志没有显示？答案

【问题标题】：Why is my logo not showing?为什么我的标志没有显示？
【发布时间】：2013-12-17 12:15:56
【问题描述】：

为什么我的徽标没有显示在我的网站上？在我的 header.php 中有这个代码 <div class="logo"><a href="index.php"></a></div> 它有一个类和一个页面链接，所以当人们点击徽标时，他们会转到主页。

风格：

.logo {
    float:left;
    width:228px;
    height:50px;
    margin:30px 0 0 12px;
}
.logo a {
    display:block;
    width:228px;
    height:50px;
    background:url(../images/logo.png) no-repeat left top;
}

徽标位于正确的文件夹中，实际上我知道它应该显示，但仍然没有。有谁知道可能是什么问题？

在一个普通的 HTML 文件上对其进行了测试，它在那里工作，但在我的 header.php 中却没有。

【问题讨论】：

路径可能是错误的。使用绝对路径。
你能显示你的头文件吗？
注意图片文件路径是相对于.css文件位置的
好吧，我们需要更多信息。您能否给我们一个工作示例，说明正在发生的事情，以便更清楚地看到这个问题。在现代浏览器中使用检查元素功能来查看图像是否实际正在加载并且路径是否正确。还有你不想使用的原因吗？

标签： html css image class

【解决方案1】：

如果您不在标签内写入内容，图像将不会显示。尝试这样做：

<a href="index.php">My site</a>

然后将此属性添加到您的 .logo 一个 css 以隐藏文本：

text-indent:-9999px;

然后你的图像应该会出现。

【讨论】：

【解决方案2】：

因为在您的 CSS 中您使用的是背景图片：

background:url(../images/logo.png) no-repeat left top;

在这种情况下，如果您的 div 中没有任何内容，则不会显示背景，这意味着您看不到您的徽标。

如果您尝试显示您的图片，无论 div 中的内容是什么，您都应该直接引用您的图片，而不是作为 div 的背景。

【讨论】：

div 中有东西，一个 a 标签。但是 OP 也设置了宽度和高度。