ドロップシャドウを含む背景の、影の幅だけを無視させてレイアウトするテクニック カテゴリ:CSS小技 2009年8月10日 10:48 ドロップシャドウ。いまや web デザインにはなくてはならない要素ですよね。 Firefox や webkit 系ブラウザなんかでは box-shadow が実装されはじめていますが、ないブラウザの場合はどうしても画像で用意しないといけません。 しかしその場合、コンテンツの幅は影の幅を含んだものになってしまいます。 全体を覆う背景がそれであれば、ただ余白の数値を多めにすれば... > このページを見る
最終更新時間:
2009年08月10日11時32分
みんなのブックマーク 人気(0) 新着
- マイナス値のマージンを与えることで、(感覚的に)影の幅の分だけコンテンツ領域が縮小したことになります。
- ネガティブマージン
- ドロップシャドウを含む背景の、影の幅だけを無視させてレイアウトするテクニック
このエントリーを含むエントリー(9)
-
IE7で隣接セレクタに落とし穴? IE7で隣接セレクタを使う際の注意点 | CSS-EBLOG 4 users
-
CSSの運用・管理を模索してみる。 | CSS-EBLOG 2 users
-
web制作勉強会で発表しました | CSS-EBLOG 4 users
-
CSS講座 - 目で見るボックスレイアウト | CSS-EBLOG 2 users
-
ハックやJavaScriptを使わず、クリーンHTMLでIE6にも対応したプルダウンメニュー | CSS-EBLOG 68 users
-
iPhoneでページ最下部へ移動するブックマークレット | CSS-EBLOG 5 users
-
RSSより手軽な情報収集ツール - Googleアラート | CSS-EBLOG 2 users
-
写真を手軽に編集できるWebアプリ - NAVERフォトエディター | CSS-EBLOG 3 users
-
ポップアップさせたレイヤーをキャンセルするスクリプト | CSS-EBLOG 9 users





![シャドー HDリマスター版 [DVD]](http://ecx.images-amazon.com/images/I/5180GKtpw2L._SL75_.jpg)

![シャーロック・ホームズ シャドウ ゲーム [DVD]](http://ecx.images-amazon.com/images/I/512m1jFxqHL._SL75_.jpg)
