ウインドウ内で表示座標をがっちりと固めて、スクロールにも連動させるCSSプロパティpositionの値“fixed”をIE6で有効にする方法です。随分とピンポイントなまとめですが、いろいろと方法が見つかりましたので、OUTPUTしときます。 1:特殊なJavaScriptを読み込んで解決する方法 IEでposition:fixedを再現するFixed positioning[to-R]2:IE6特有のプロパティ「expression」を、スターハック(* html)を使って記述する方法 IE6でbackground:fixedを実現する:CSS | Tech de GoCSSでブログデザイン IE6で「position:fixed;」を実現3:CSSで工夫して、position:fixedのように見せる方法 IE6でもスクロールしても動かないボックス〜CSSテクニック〜4:ie7.jsを
IEでposition:fixedを再現するFixed positioning Fixed positioningはIEで固定配置つまり、position:fixedが利用可能になるjsライブラリです。 IEの6以下のバージョンにはposition:fixedが正常に動作しないというバグがありますが、それを解決するのがこのFixed positioningです。 設置方法 head要素内などで、ダウンロードしたfixed.jsを読み込みます。 <script type="text/javascript" src="fixed.js"></script> これだけでposition:fixedが正常に動作するようになります。 サンプル 関連エントリー テーブルをソートできるようにするjsライブラリ-table sorting 画像に鏡面効果を与えるreflection.js 半角カナを全角カ
さて、アナウンスしていたようにIEでposition: fixed;を実現する手法について簡単にまとめておきます。まぁこのテクニックもIE7が出るまでのつなぎです。やり方は大まかには2通りあって、純粋にCSS(スタイルシート)のみで指定する方法とJavaScript(正確にはMS独自のDynamic property ダイナミックプロパティーと呼ばれるもの)を使うやり方です。 まず、1.CSSのみの方法から 1.基本的な考え方は、HTML(あるいはBODY)タグのスクロールバーを非表示にして、かわりにDIVタグ(HTMLならBODYタグ)のスクロールバーを表示させる方法です。具体的な記述は以下のようになります。 html { overflow: hidden; } body { height: 100%; overflow: auto; } 次に、固定表示したいDIVタグ(タグは何でも良い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く