画像をずらして表示して背景として使う

  画像の前に表示するエリアは absolute



↓この画像を使用( 横幅が大きいので縮小しています )


表示文字列

  
<DIV style='position:relative;width:700px;overflow:hidden;'>
<IMG src="http://lightbox.on.coocan.jp/image/back.png" style='position:relative;left:-50px;'
><IMG src="http://lightbox.on.coocan.jp/image/back.png" style='position:relative;left:-83px;'
><IMG src="http://lightbox.on.coocan.jp/image/back.png" style='position:relative;left:-116px;'
><IMG src="http://lightbox.on.coocan.jp/image/back.png" style='position:relative;left:-149px;'
><IMG src="http://lightbox.on.coocan.jp/image/back.png" style='position:relative;left:-182px;'
><IMG src="http://lightbox.on.coocan.jp/image/back.png" style='position:relative;left:-215px;'
>

<DIV style='position:absolute;top:100px;left:0px;width:100%'>
<SPAN style='color:white;margin-left:50px;'>表示文字列</SPAN>
</DIV>

</DIV>
  










  infoboard   管理者用   
このエントリーをはてなブックマークに追加




SQLの窓  天気  IT用語辞典
Yahoo!ニュース  マルチ辞書
PHP マニュアル  Google URL短縮 


フリーフォントWEBサービス
SQLの窓WEBサービス

SQLの窓フリーソフト

素材

一般WEBツールリンク

SQLの窓

フリーソフト

JSライブラリ