链接CSS嵌入图像

Question

对于网页，我使用了带有css的div id，它直接在页面中插入了徽标。我希望将该徽标链接到（例如）主页。这样做我可以轻松搞定 <a href=xyz><div id=logo></div></a> of.course不验证（最终DTD XHTML 1.0 Strict）。

有人能建议（可能是显而易见的）最佳做法吗？ 感谢

Answer 1

您可以取消繁琐的SPAN和DIV混乱您的网页，并让链接本身成为一个区块。

<a href="http://example.com/" id="logo">&nbsp;</a>

在CSS中，使用背景设置样式并将其调整为您想要点击的图像的尺寸：

#logo
{
   background:url("/path/to/image.jpg");
   display:block;
   width:200px;
   height:80px;
}

Answer 2

<a href=""><span></span></a>

将背景图像，宽度，高度和显示：块应用于范围。希望有所帮助！

Answer 3

<a href="something"><span class="logo"></span></a>

您可能必须将<span>声明为display: block;。

Answer 4

使用范围：

<a href=xyz><span id=logo></span></a>

不要忘记将跨度转换为css中的块元素：

.logo {
    display: block
}