private.SubscribedunsubscribeSubscribeSubscribeくらげだらけ2009-04-16ヘッダーとフッターを固定して、PNGの透過画像を用いて立体的に見せる(IE6対応)WebCSSバリエーションとして覚えておこうと思う。HTMLとCSSだけで、ヘッダーとフッターを固定して表示させるにはCSSのpositionプロパティでfixedを設定する。これは閲覧者のブラウザに対して固定した位置に配置することができるので、スクロールしても配置がずれないようにすることができる。100px;}ただしこれだとIE6以下の場合上手く表示されない。そのため、IEの独自拡張CSSを追加する。HTMLはこんな感じ。id=&#34;footer&#34;&gt;フッター&lt;/div&gt;&lt;/body&gt;次に、CSSで背景画像で透過PNGを使う場合のIE6対応。最近ではIE6に透過PNGを表示させるツールがいろいろありますが、今回は「DD_belatedPNG」を使います。これの良いところはCSS背景透過画像のリピートに対応など、他のツールにない様々な対応が完璧にできています。いうことで、headでこのJSを読み込んで、透過させるセレクタ名を記述します。#footer&#39;);&lt;/script&gt;&lt;![endif]--&gt;これで完璧!【サンプルで作ったページ】あとはz-indexプロパティで重ねたりすれば、より立体的な表現ができます。Blog|ブログを報告する。