CSSでdisplay = grid
を使用しています。 Chrome & Firefoxでは正常に動作しますが、IEでは動作しません。 CSSトリックやその他のソリューション?IEでdisplay = gridが機能しないのはなぜですか?
答えて
display:-ms-grid;ブロックレベルグリッド要素
display:-ms-inline-grid;インラインレベルのグリッド素子https://msdn.microsoft.com/en-us/library/hh673533(v=vs.85).aspx
から
ためグリッドレイアウトの基本的なビルディング・ブロックであるため(いずれか-msグリッドへの要素の表示プロパティを設定することによって宣言されたグリッド素子、ブロックレベルのGrid要素)または-ms-inline-grid(インラインレベルのGrid要素の場合)。 (グリッドレイアウトドラフトの初期状態のため、この値とこのセクションのすべてのプロパティは、Internet Explorer 10およびWindowsストアのJavaScriptを使用したアプリケーションで使用する場合は、Microsoft固有のベンダー接頭辞 "-ms-"とともに使用する必要があります)は、Windows 8の
の指定例:
#grid_container {
display: -ms-grid
display: grid
...
}
<div id="grid_container">
...
</div>
ます現在、Internet ExplorerおよびWindows上のエッジだけでなく、Windowsで他のブラウザや他のプラットフォーム用の作業、2017年11月14日のように。
新しいスタイルdisplay propertyは、他のブラウザのために有効になり、そしてMarch 2012 W3 Working Draftからvendor prefixと元Grid elementは、WindowsでInternet Explorerおよびエッジブラウザで使用されます。
これは現在のものです: 2017年11月14日:
IE 11.726.15063.0更新11.0.48
エッジ40.15063.674.0
のWindows 1703 15063.726をビルドします。
でテストされました。ハイシエラのChrome、Firefox、Safari、およびVivaldi:
,0535164106174510
Android携帯のChrome、Firefox、Samsung Cloud(モバイルブラウザ)。そして
のWindows 10で クロム、Firefoxの、Internet Explorer、およびエッジ
私もまだ例を使用しています:以前の研究あたり
-ms-grid-column: 2;
-ms-grid-column-span: 1;
-ms-grid-row: 1;
grid-column: 2/3;
grid-row: 1;
を、すなわちRachel Andrew
私はこれは少しであると認識私はそれが誰かを助けることを願っています。
- 1. IEでオーバーレイが機能しないのはなぜですか?
- 2. なぜOpenGLクラスのDisplayメソッドが機能しないのですか
- 3. フレックスボックススペースが機能しないのはなぜですか?
- 4. ツールチップがIE 10で機能しない
- 5. IEでwindow.focusが機能しない
- 6. オーバーフロープロパティがIE 11で機能しない
- 7. animateTransformがIE 11で機能しない
- 8. Observable.intervalがIEで機能しない
- 9. IEでJqueryサイクルが機能しない
- 10. codepenのコードが機能しないのはなぜですか?
- 11. メディアクエリが機能しないのはなぜですか?
- 12. Jqueryのフェード機能が機能しないのはなぜですか?
- 13. メディアクエリが機能しないのはなぜですか?
- 14. Grid RowEditing - 更新が機能しない
- 15. Grid Itemボタンが機能しない
- 16. ag-gridエンタープライズフィルタが機能しない
- 17. ag-grid setColumnVisibleが機能しない
- 18. LogonUser(...)がドメインアカウントで機能しないのはなぜですか?
- 19. マージンがポジションで機能しないのはなぜですか?
- 20. Safefilenamesでメディアソースが機能しないのはなぜですか?
- 21. LaravelでDateTime()が機能しないのはなぜですか?
- 22. モバイルでメディアクエリが機能しないのはなぜですか?
- 23. PhoneGapでリンクが機能しないのはなぜですか?
- 24. センターアラインメントがCSSで機能しないのはなぜですか?
- 25. ボーダープロパティがリストアイテムで機能しないのはなぜですか?
- 26. アプリでルーティングが機能しないのはなぜですか?
- 27. IE7でフォントサイズが機能しないのはなぜですか?
- 28. スクリプトでdbms_lob.fragment_insertが機能しないのはなぜですか?
- 29. スレッドでガーベジコレクションが機能しないのはなぜですか?
- 30. フィールドセットがWordPressで機能しないのはなぜですか?
IEのバージョンは? – JJJ
何が問題なのですか? –
'display:grid'はIE11でのみ動作しています –