0

以 YouTube 为例。

他们的标志实际上来自包含其他图形元素的大型主图像。但是，可以单击指向站点根目录的徽标。我正在研究他们的 HTML，但仍然不太确定他们是如何实现的。

任何人都可以看看它并解释一下吗？

4

2 回答 2

1

它基本上只是一个带有背景图像的链接内的按钮，但它的宽度和高度被限制为仅显示带有 YouTube 徽标的背景图像/精灵的一部分。

从他们的CSS：

#masthead #logo button {
    background-position:0 0;
    height:33px;
    width:84px;
}

如果您在Firebug中加载它并更改高度，您将看到更多/更少的背景图像出现。

于 2009-08-05T11:33:54.633 回答
0

从他们的 HTML 源代码：

<a href="/" onmousedown="urchinTracker('/Events/Header_3/YouTubeLogo');" id="logo"><button onclick="window.top.location.href='/'; return false;" class="master-sprite" title=""></button></a>
于 2009-08-05T11:21:51.443 回答