2007年02月17日

スタイルシートで反映させる画像のテクニック



スタイルシートを利用して画像を反映させる


 この方法を使えば、無料で借りているブログで画像を制限一杯に取り込んで余裕がなくなったときには、他の自サイトなどに取り込んでいる画像をCSSを使って外部から取り込んで反映させることが出来る。

 上の画像もスタイルシートを利用して、他の自サイト http://www.canpo.biz/murata/ で公開している画像を取り込んだものである。だからこの画像を右クリックして画像URLを知ろうとしても不可能である。
 この方法を知っていると、とても便利。

その方法のヒントは、<div id=”photo”></div>(実際にはこれをすべて半角にする) のHTMLを設置して、この「#photo」に対するbackgroundの画像として取り込みたい画像のURLを反映させることがコツである。

 知ってみると、ナああーんだというほどのことだが、知るまではそんなこと想像もつかない方法だった。

 
posted by 文武 at 17:02| 山口 ☔| HTML・CSSのお勉強 | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。