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

WBOY
Release: 2016-06-24 11:26:05
Original
1638 people have browsed it

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

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!