取得方法“ position:fixed” cssはIE 7+でTRANSITIONAL doctypeで動作しますか?

StackOverflow https://stackoverflow.com/questions/1628265

質問

position:fixed; はIE 7までIEでサポートされていなかったことがわかります。 STRICT DOCTYPE がある場合にのみIE 7で動作します。

質問:" TRANSITIONAL DOCTYPE を使用してIE 7で動作させるにはどうすればよいですか?

DOCTYPE の変更を提案しないでください。これは私の質問に答えないので、ありがとうございます。

役に立ちましたか?

解決

fixed をサポートするためにStrict DOCTYPEは必要ありません。必要なのは、標準モード(またはほぼ標準&#8217)をトリガーするDOCTYPEのみです。 ;)。次のような暫定的なdoctypeにすることができます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

またはXHTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

システムID(末尾のURI)が含まれている限り。

ページが本当にQuemsモードに依存している場合(ugh!)、申し訳ありませんが、 fixed を使用することはできず、JavaScriptハックに頼らなければなりません(しかしとにかくIE6で必要になるかもしれません。)

他のヒント

Transitional / Strict Docタイプでも、固定位置は機能しません。ただし、IE9を互換モードで使用しており、IE8ランタイムライブラリを使用してレンダリングすることになっています。この問題を修正するには、次のCSSを要素に追加する必要がありました。

.elementToBeFixed {
    position: fixed;
    top: 0;
    left: 0;
}

TopまたはLeftが欠落している場合は機能しません。IEのすべてのバージョンで機能するためには、それらを明示的にゼロ(または希望する値)に設定する必要があります。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top