ホームページ > ウェブフロントエンド > htmlチュートリアル > IE 6 の位置は固定属性 solution_html/css_WEB-ITnose をサポートしていません

IE 6 の位置は固定属性 solution_html/css_WEB-ITnose をサポートしていません

WBOY
リリース: 2016-06-24 12:02:43
オリジナル
1147 人が閲覧しました

別の質問を投げます: IE7 は既にposition:fixed をサポートしていますが、IE6 はサポートしていません。この問題の解決策は次のとおりです:

今、id が element である要素があり、それが固定効果を達成する必要があります。通常のブラウザで使用したい場合、および IE 6 で適切に動作させたい場合は、CSS ハックを使用できます:

#element {position: fixed;top: 450px; /* 其他浏览器下定位,在这里可设置坐标*/_position: absolute; /*IE6 用absolute模拟fixed*//*IE6 动态设置top位置*/_top: expression(eval(document.documentElement.scrollTop) +  450); }
ログイン後にコピー

この方法で、この要素の固定位置を 450 ピクセルに設定できますページのジッターを削除する効果を達成するには、次のコードを追加することもできます:

*html body{background-image:url(about:blank);background-attachment:fixed;}
ログイン後にコピー

前の記事では、CSS スタイルを _top で設定したので、表現のスタイルを変更する方法:

var domThis=$(this)[0];domThis.style.setExpression('top', 'eval((document.documentElement).scrollTop + ' +  50 + ')');
ログイン後にコピー

このようにして、改造の目的は達成できます。

---------------------------------------------- -------------------------------------------------- -- --------------------------------------

この記事はオリジナルではなく、以下から転載されています: http://www.tonitech.com/1505.html

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート