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

Question

为什么我的徽标没有显示在我的网站上？在我的 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 中却不能。

Answer 1

在 html 中提供的路径链接中，检查斜杠之前是否有一个点：“./ThyFoulder/ThyLogo.jpg”

并确保你保持冷静，不要停止寻找答案，重要的是不要放弃这里任何人的好运:)

Answer 2

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

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

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

text-indent:-9999px;

然后您的图像应该出现。

Answer 3

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

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

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

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