CSS 显示类在 Internet Explorer 中不起作用答案

【问题标题】：CSS Display class not working in Internet ExplorerCSS 显示类在 Internet Explorer 中不起作用
【发布时间】：2014-04-29 05:01:48
【问题描述】：

我有一个活动状态下拉菜单设置为：

display: flex;
display: -webkit-box; 
display: -ms-flexbox;

适用于所有浏览器，但对于 Internet Explorer - 背景颜色在第一个元素之后停止。

无法弄清楚这里的问题所在。

http://soakandswim.com/pools/inground --> 这是网站任何见解都值得赞赏！

【问题讨论】：

什么版本的IE？ Caniuse 报告这在 IE-ms- 前缀时才可用。
@Two-BitAlchemist 我现在正在运行版本 11。 -ms-prefix 适用于显示首选项，但背景颜色不会延伸到整个菜单。只是第一个元素
某些功能在其他浏览器上无法使用：stackoverflow.com/questions/6873753/…
Flexible box model - display : flex, box, flexbox?的可能重复

标签： css internet-explorer cross-browser flexbox

【解决方案1】：

这些不是css2的一部分，它们是在css3中引入的

所以在旧版本的 IE (6,7,8) 中无法使用

和

display: flex; // is not supported in older IE version
display: -webkit-box;  // is for chrome not IE
display: -ms-flexbox;  // is not supported in older IE version

对于 IE 11，我在实践中看到它使用了 IE7 的一些属性，可能是它们使用了 IE 7 渲染引擎的某些部分，而不是 IE 8/9/10。我遇到了一些问题，比如 display ， float 所以你也应该看看 doc。 IE 1！

更多参考请访问：link

【讨论】：

我使用的是 IE 11，所以 display: flex;应该管用。确实如此，只是背景颜色没有超出第一个元素。
-ms 用于 microsoft（三叉戟，又名 ie），-moz 用于 mozilla