JUGEMの自作ﾃﾝﾌﾟﾚｰﾄを配布 Show-U

■ﾊﾞﾅｰ画像は背景画像にしてその上に透明GIFを全体に覆いﾘﾝｸを設定する
｢CSS部分｣

#hidden_banner {
margin: 0px;
padding: 0px;
background-image: url("http://hogehoge.com/banner.gif");
background-repeat: no-repeat;
}

背景画像にﾊﾞﾅｰ画像を指定する

｢HTML部分｣

<div id="hidden_banner">
<a href="http://www.blogmura.com/"><img src="http://hogehoge.com/tomei.gif" width="234" height="60" border="0"></a>
</div>

画像は1ﾋﾟｸｾﾙ四方の透明GIFをﾊﾞﾅｰ画像の大きさ(234×60)分引き伸ばして表示する｡

■ｻﾝﾌﾟﾙ(ﾌﾞﾗｳｻﾞから普通にﾊﾞﾅｰ画像を保存しようとすると透明GIFが保存される)


CSS ｽﾀｲﾙｼｰﾄ background-image 透明GIF