首页  >  文章  >  web前端  >  求解CSS3中box属性在IE9及以下无法兼容的问题!_html/css_WEB-ITnose

求解CSS3中box属性在IE9及以下无法兼容的问题!_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:26:051639浏览

如下我定义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-的问题了么

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn