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 に答える