枠からはみ出す画像をpositionを使わずに配置するテクニック 2008年7月 4日 17:29 まずはサンプルを見てください。↓ サンプル こういった、「枠からはみ出した画像を配置する」というデザインは多々あると思います。 これを、position: absoluteなどで配置するのは簡単ですが、ドロップシャドウなど半透明部分を使用しないと配置がむずかしい画像の場合、少々やっかいだったりします。 そこで、position: absoluteを使わずに、背景を使用して設定する方法を書いてみたいと思います... > このページを見る
最終更新時間:
2008年07月08日23時14分
このエントリーを含むエントリー(36)
-
RSSより手軽な情報収集ツール - Googleアラート | CSS-EBLOG 2 users
-
CSSによる画像を使ったロールオーバー | CSS-EBLOG 25 users
-
ツールチップ(ポップアップヘルプ)を改良してみた。 | CSS-EBLOG 23 users
-
CSSのみでロールオーバー・まとめ(IE6含む) | CSS-EBLOG 2 users
-
DIV要素を縦横中央に配置する | CSS-EBLOG 9 users
-
CSS-EBLOG - (X)HTML+CSS/JavaScript Tips site. 431 users
-
入れ子のプルダウンメニューを作る | CSS-EBLOG 8 users
-
クラスを追加するだけで簡単にページ内分割を実装するJavascript | CSS-EBLOG 18 users
-
CSSのみでアコーディオンメニューを実現する | CSS-EBLOG 6 users
-
印付きリストを実現する。 | CSS-EBLOG 2 users
-
:target擬似クラスを使ったプルダウンメニュー | CSS-EBLOG 3 users
-
ページを移動する前に確認メッセージを表示する | CSS-EBLOG 12 users
-
理論的なHTML構造だけで角丸背景を実装する | CSS-EBLOG 16 users
-
CSSの1行でできるIE6対策(ハック) 15 users
-
異なるサイズの画像を縦横中央配置にしてリスト状に並べる | CSS-EBLOG 115 users
-
CSS管理を少しだけ便利にする小技 | CSS-EBLOG 2 users
-
よくありそうなデザインのサイトのテンプレート2種 5 users
-
2行追加するだけで、簡単にIE6でもmin-heightを実現する方法 | CSS-EBLOG 64 users
-
CSSだけでアニメーションプルダウンメニューを作る | CSS-EBLOG 12 users
-
不特定の数の横に並ぶブロック要素をセンタリングさせる | CSS-EBLOG 82 users
-
左右に余白のある横並びのリストを親要素の両端にぴったりとくっつける小技 | CSS-EBLOG 33 users
-
CSS講座 - 目で見るボックスレイアウト | CSS-EBLOG 19 users
-
SEO対策をしたままきれいなフォントを使う | CSS-EBLOG 4 users
-
Prototype.jsなどのライブラリをダウンロードせずに使えるGoogleサービス | CSS-EBLOG 13 users
-
余白を設定したDIV内のタイトル要素だけ余白を無視させる | CSS-EBLOG 11 users
-
3カラムレイアウトで、中央を可変にする(リキッドレイアウト) | CSS-EBLOG 38 users
-
Javascriptで動的にCSSを追加する | CSS-EBLOG 14 users
-
Safari用 CSSハック | CSS-EBLOG 15 users
-
現在適用されているCSSの値をJavascriptで取得する | CSS-EBLOG 7 users
-
CSS3はアニメーションも指定できる! | CSS-EBLOG 18 users
-
SEO対策になるCSSロールオーバー? | CSS-EBLOG 3 users
-
CSSのみでプルダウンメニューを作る | CSS-EBLOG 46 users
-
ヘッダ、フッタを固定してみる。 | CSS-EBLOG 54 users
-
初心者が陥りそうなCSSの7の間違い 140 users
-
peek-a-booバグ | CSS-EBLOG 4 users
-
不特定の数の横に並ぶブロック要素をセンタリングさせる | CSS-EBLOG 3 users








