オシャレな大きな背景をCSSでキレイに表示する方法

  • 2008年10月20日 21:27
  • 個別ページ |
  • コメント |
  • トラックバック

ずっと気になっていたこの方法。
以下のエントリで掲載しておりましたよ。

CSS Large Background
How to: CSS Large Background
http://www.webdesignerwall.com/tutorials/how-to-css-large-background/

・大きな背景をはみ出して公開したい!
・大きな背景をはみ出しつつcontentをかぶせたい!

そんな願望が当該エントリで紹介しています。
今まではCSSで#wrapに背景を持ってきて、
#containerでmarginをマイナスで上に持ってきてましたが、

1.Body背景に指定したいカラーを選択して、
2.さらにBody背景にCSSで背景画像をcenter、topで配置し、
3.widthを100%、そして、displayにtableをかけるそうです。

display:table;

初めて見たCSS!
テーブル構造を表現することができるCSSプロパティなんだそうです。
何でもIE8Betaで公開されたものだとか。

HTML×CSSに随分と疎くなっている今日この頃ですが、
いやはや進化しているのですね~。

これでまたデザインの幅が広がりそう!
Floatでカラムレイアウトという時代は終わりを告げるのかもしれませんw

トラックバック(0)

このブログ記事に対するトラックバックURL:
http://km33.net/mt/mt-tb.cgi/250

コメントする

お気軽にコメントをどうぞ!


画像の中に見える文字を入力してください。