欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-20 14:18:22
...
如下我定义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-的问题了么