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

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

WBOY
WBOYasal
2016-06-24 11:26:051639semak imbas

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn