ie6/7对display:inline-block的不支持
2015-06-23 18:51
381 查看
zoom:normal | number
设置或检索对象的缩放比例
normal:默认
number:使用对象的实际尺寸 ,浮点数1.0或者百分数100%等价于normal值
一般使用zoom:1;用来触发ie的layout属性,此外,还可以清浮动(尽量不要用这种方法清浮动)、清除margin的重叠等
1、ie6、7不支持display:inline-block
IE6能识别“*”和“_”,IE7能识别“*”
!important ie7,FF支持,ie6不支持
“\9”对IE6\7\8\9\10有效
“\0”对IE8\9\10\11有效
“\9\0”对IE9\10有效
使用hack,需要注意顺序
办法一:
display:inline-block;与*display:inline;写在一起无法触发ie的layout,故需要加上*zoom:1
办法二:(分开写,写在同一个选择器里面无效)
在ie下,display:inline-block只是触发了元素的layout,比如将inline-block给到div,能保证它是拥有块元素的特征(可以设置高、宽),但它还是行布局(会换行).然后设置display:inline,改变这个行布局为内联布局(不会换行)
注:{display:inline;float:left;}等同于{display:block;}
设置或检索对象的缩放比例
normal:默认
number:使用对象的实际尺寸 ,浮点数1.0或者百分数100%等价于normal值
一般使用zoom:1;用来触发ie的layout属性,此外,还可以清浮动(尽量不要用这种方法清浮动)、清除margin的重叠等
1、ie6、7不支持display:inline-block
IE6能识别“*”和“_”,IE7能识别“*”
!important ie7,FF支持,ie6不支持
“\9”对IE6\7\8\9\10有效
“\0”对IE8\9\10\11有效
“\9\0”对IE9\10有效
使用hack,需要注意顺序
div{ background:red;(高级浏览器显示红色背景) *background:green;(ie6/7显示绿色背景) } div{ *background:green; background:red;(高级浏览器和ie6/7均显示红色背景:优先级问题) }
办法一:
display:inline-block;与*display:inline;写在一起无法触发ie的layout,故需要加上*zoom:1
div{ display:inline-block; *zoom:1; *display:inline; }
办法二:(分开写,写在同一个选择器里面无效)
div{ display:inline-block; } div{ *display:inline; }
在ie下,display:inline-block只是触发了元素的layout,比如将inline-block给到div,能保证它是拥有块元素的特征(可以设置高、宽),但它还是行布局(会换行).然后设置display:inline,改变这个行布局为内联布局(不会换行)
注:{display:inline;float:left;}等同于{display:block;}
相关文章推荐
- iOS 打包32bit&64 universal-framework
- DateTime
- Mysql权限设置
- 【线段树】 HDOJ 5274 Dylans loves tree
- 第四章
- 【ContestHunter】【弱省胡策】【Round8】
- android 返回本机安装的所有第三方应用
- 串行化(序列化) 使用CArchive进行读写
- Objective-C与C++的区别
- Android学习第四课:Java代码动态创建View及LayoutParams类(二)
- select加载数据和数据选中
- xargs
- 我的大学六年(单片机大师郭天祥原创)
- 使用HttpSessionListener接口监听Session的创建和失效
- /mnt/asec /mnt/secure文件夹分区
- 约瑟夫环的数学推导、数学方法求最后出圈的数字、循环单链表求所有出圈数字顺序
- Android 刷脸神器,颜值价更高
- B. Vanya and Books
- windows下同步方案-cwRsync
- 车牌