web-dev-qa-db-ja.com

「未設定」に代わるIE11 CSS

次のCSSプロパティを使用して配置されたページに固定divがあります。

width: 320px;
height: 160px;
position: fixed;
right: 15px;
bottom: 15px;
top: unset;
z-index: -1;

他のブラウザではページの右下にdivが表示されますが、Internet Explorer 11では右上にdivが表示されます。この問題は、IEでサポートされていないように見えるtop: unset;に起因していると思います。

同じポジショニングを達成するために使用できるCSSまたはJSを使用する回避策はありますか?

20
Mike

top: autoを探しているようです。

39
Bram Vanroy

top:autotopの場合に機能しますが、autoは単にunsetまたはinitialと「同等のIE」ではないことに注意してください。

たとえば、max-widthの初期値はnonesource )です。 background-colorの初期値はtransparentsource )です。各CSSプロパティには初期値があり、IEには明示的に設定する必要があります。

MDNw3schools (「デフォルト値」と呼ばれる)などのサイトに初期値がリストされています。

IE11 CSSのような「unset」のような質問タイトルでは、多くの人々がOPとは異なるニーズがある検索エンジンからこのページを見つけます。したがって、初期値を検索する方法の説明は、「これを単に使用する」タイプの回答よりも価値があると思います。

2
Mentalist