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

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

WBOY
WBOYOriginal
2016-06-24 11:26:051615Durchsuche

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn