「ステッカーっぽいのを貼ってみる」にて紹介されていたステッカーを貼ってみる。

HTMLサンプル

<div id="stickerTestLeft">
<img src="sticker_left.gif" width="150" height="150" />
</div>

<div id="stickerTestRight">
<img src="sticker_right.gif" width="150" height="150" />
</div>

CSSサンプル

#stickerTestLeft {
　position: absolute;
　top: 0px;
　left: 0px;
　z-index: 100;
}
#stickerTestRight {
　position: absolute;
　top: 0px;
　right: 0px;
　z-index: 100;
}

画像

透過gifでこんな感じで作成

うーん非常に簡単ですね。もちろんリンクも設定できる。

ただし画像の下はクリックできないのと「right: 0px;」はネスケ4で有効にならないので注意。