本文へジャンプします。



こんにちは、ゲストさん



現在位置: トップ > 枠からはみ出す画像をpositionを使わずに配置するテクニック | CSS-EBLOG


(本文から引用)

前の画像 次の画像
サイト内検索 枠からはみ出す画像を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...

続きを読む

この記事をクリップする

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


おすすめ商品(Amazon)

       

F.S.S. DESIGNS 3    KALAMITY GODDERS:BOTH To LOVEる-とらぶる 11 (11) (ジャンプコミックス) HUNTER×HUNTER NO.26 (26) (ジャンプコミックス)  

F.S.S. DESIGNS 3 KALAMITY GODDERS:BOTH

301人がクリックしました

著者:永野 護
出版社: 角川グループパブリッシング

To LOVEる-とらぶる 11 (11) (ジャンプコミックス)

430人がクリックしました

著者:長谷見 紗貴
出版社: 集英社

HUNTER×HUNTER NO.26 (26) (ジャンプコミックス)

77人がクリックしました

著者:冨樫 義博
出版社: 集英社

 



同じサイトでクリップされている記事

  1. 閲覧数75 クリップ数1

    たった1行でIEかどうかを判別するJavascript | CSS-EBLOG 本文へ







携帯でアクセス

携帯アクセスバーコード
携帯で左のバーコードを読み取るか
URLを携帯に送信してください。

Powered by モバクシー




推奨画面サイズ
1024×768 以上

クリップBETAトップへ戻る