Background-image - DesignWalker

Posts Tagged ‘background-image’

サイトの背景画像を変える時に使える7サイト

March 14th, 2007

最近よく、凝ったデザインの背景を使われているサイトが多くなってきましたね。。単色のべた塗りの背景とかに、うっすらとパターンを加えるだけでも、サイトの印象はかなり洗練された感じに変わります。とはいっても、複雑なパターンを作るのはなかなかむずかしいもので・・・っちゅうわけで、本日はおしゃれな背景画像を配布されているサイトをご紹介。

透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる

December 27th, 2006

この方法を使えば透過PNGをIE6以下のバージョンで綺麗に表示することができるので、デザインの幅もグッと広がることだと思うのですが。。。問題は。。。この方法では、imgタグに入れられたPNGファイルのみに有効なため。。。上に文字をのせたりすることができませんでした。。。しかし、このスクリプトを使うと。。。こんな感じでCSSでPNGを背景に指定してもIE6でも綺麗に表示されます！！

CSSを使うようになって、画像はCSSのbackground-imageで画像を表示することが多くなりました。例えば、ブログのヘッダー部分で表示しているバックグラウンド画像をランダムに表示できたら、ブログ訪問者がアクセスするたびに画像を切り替えることができますよねぇ。。。何度もアクセスしてくれるブログ訪問者さんにはブログの画像をコロコロと変えられるので、ブログ訪問者さんを飽きさせることもなくて便利やなぁ～。。。っちゅうわけで、今日は↑のようにCSSとphpでバックグラウンド画像をランダムに表示する方法をご紹介じゃ。