IE 6 positionはfixed属性の解決方案をサポートしない
2126 ワード
もう一つの問題を投げ出す:IE 7はposition:fixedをサポートしているが、IE 6はサポートしていない.この問題を解決する方法は以下の通りである.
現在、ある要素のidはelementであり、fixed効果を実現する必要があります.通常のブラウザで使用するか、IE 6で正常に動作するか、CSS hackを使用することができます.
これにより、この要素は上部450ピクセルから固定され、次のコードを追加してページのジッタを除去する効果も得られます.
前の文では、トップはCSSスタイルを設定します.では、expressionのスタイルをどのように変更しますか.
このようにすることで、修正の目的を達成することができます.
-------------------------------------------------------------------------------------------------------------------------------------
本文はオリジナルではありません.転載:http://www.tonitech.com/1505.html
現在、ある要素のidはelementであり、fixed効果を実現する必要があります.通常のブラウザで使用するか、IE 6で正常に動作するか、CSS hackを使用することができます.
#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スタイルを設定します.では、expressionのスタイルをどのように変更しますか.
var domThis=$(this)[0];
domThis.style.setExpression(
'top', 'eval((document.documentElement).scrollTop + ' + 50 + ')'
);
このようにすることで、修正の目的を達成することができます.
-------------------------------------------------------------------------------------------------------------------------------------
本文はオリジナルではありません.転載:http://www.tonitech.com/1505.html