如何使一个CSS背景图像(精灵)可点击区域?

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

从他们的CSS:

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

Firebug 并更改您将看到更多/更少背景图像显示的高度。

从他们的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>