Rumah > Artikel > hujung hadapan web > 求解CSS3中box属性在IE9及以下无法兼容的问题!_html/css_WEB-ITnose
如下我定义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-的问题了么