枠からはみ出す画像をpositionを使わずに配置するテクニック

199 1

枠からはみ出す画像をpositionを使わずに配置するテクニック | CSS-EBLOG

http://css-eblog.com/csstechnique/not-position.html 本文へ

（本文から引用）

サイト内検索枠からはみ出す画像をpositionを使わずに配置するテクニック2008年7月 4日 17:29まずはサンプルを見てください。↓

サンプルこういった、「枠からはみ出した画像を配置する」というデザインは多々あると思います。
これを、position: absoluteなどで配置するのは簡単ですが、ドロップシャドウなど半透明部分を使用しないと配置がむずかしい画像の場合、少々やっかいだったりします。そこで、position: absoluteを使わずに、背景を使用して設定する方法を書いてみたいと思います。▼EntryMore▼CSSソース* {margin: 0; padding: 0;}html {height: 100%;}body {background: #000 url(bg_rep.gif) center top repeat-x;color: #777;font-size: 90%;height: 100%;}#wrap {background: url(bg.gif) center top no-repeat;text-align: ce...
続きを読む

この記事をクリップする

この記事をクリップしたユーザー一覧

カイエダミエさん 2008/07/09 02:18
タグ：

この記事にコメント！


F.S.S. DESIGNS 3 KALAMITY GODDERS:BOTH 301人がクリックしました著者：永野護出版社: 角川グループパブリッシング	To LOVEる-とらぶる 11 (11) (ジャンプコミックス) 430人がクリックしました著者：長谷見紗貴出版社: 集英社	HUNTER×HUNTER NO.26 (26) (ジャンプコミックス) 77人がクリックしました著者：冨樫義博出版社: 集英社