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

如果您没有在标签内写字，则不会显示图像。试着这样做：

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

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

text-indent:-9999px;

然后你的图像应该出现。

Answer 2

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

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

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

如果您尝试显示图像，无论div中的图像是什么，您都应该直接参考图像，而不是div的背景。

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

2 个答案: