Home >Web Front-end >HTML Tutorial >求解CSS3中box属性在IE9及以下无法兼容的问题！_html/css_WEB-ITnose
求解CSS3中box属性在IE9及以下无法兼容的问题！_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:26:051673browse
如下我定义ub 和ub-her样式，为了实现几个模块可横轴排列，但是除了谷歌、IE10可以正常显示，IE9及以下浏览器、火狐都无法兼容，求解！！
.ub
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -o-box;
display: box;
behavior: url(ie-css3.htc);
}
.ub-her
{
-webkit-box-orient: horizontal; /* Safari、Opera 以及 Chrome */
-moz-box-orient: horizontal; /* Firefox */
box-orient: horizontal; /* W3C horizontal*/
-ms-flex-direction: row;
-o-box-orient: horizontal;
behavior: url(ie-css3.htc);
}
回复讨论(解决方案)
.ub-her{-webkit-box-flex:1; -moz-box-flex:1; -ms-flex:1; -o-box-flex:1; box-flex:1; flex:1;}
子元素直接这么写，火狐是可以的。
但ie9及以下不行，楼主解决了ie9-的问题了么