HTML5学习_day10(4)--兼容性个例
来源:互联网 发布:中信淘宝会员卡 编辑:程序博客网 时间:2024/06/11 09:09
兼容性个例
1.并一行的元素,第一个元素没有设置浮动,第二个元素设置了向左浮动。在IE6,7下连两个元素之间会多出3px的空隙。
解决办法:如果一行有一个元素设置了浮动,那么给ital元素都设置浮动就可以消除空隙。
2.并列一行元素,第一个元素没有设置浮动,第二个元素向右浮动,那么在IE6,7下,第二个元素会折行显示。
3.块属性标签设置浮动,并且有水平方向的margin值,水平方向的margin值会加倍
解决办法:在块级元素样式中加display:inline;
4.li无浮动,li里面元素设置浮动,在IE6,7下li下就会多出3px的空隙
解决办法:li加一个浮动或者给li设置一个水平对齐
vertical-align:top;
5.在IE6,7下图片下有间隙
解决办法:给图片设置一个水平对齐vertical-align:top;
6.在ie6下不支持固定定位(fixed)
7.在IE6下面border:red 1px dotted;不支持
8.在IE6下面当父级元素有边框时,子级元素的margin值会消失(不起作用)
9.在IE6下面的png半透明图片在IE6下不起作用解决办法:采用专属IE6的JS插件
DD_belatedPNG.JS
10.在IE6下面的!important失效
0 0
- HTML5学习_day10(4)--兼容性个例
- HTML5学习_day10(3)--兼容性概念
- HTML5学习_day10(2)--css文件书写格式
- HTML5学习_day10(1)--css编码风格和WEB标准架构
- Drools学习笔记4-第一个例子
- Drools学习笔记4-第一个例子
- 【2015/10/25】C 学习日志_Day10 运算符
- 蓝鸥零基础学习HTML5第九讲 兼容性一
- 蓝鸥零基础学习HTML5第九讲 兼容性二
- 蓝鸥零基础学习HTML5第九讲 兼容性三
- 蓝鸥零基础学习HTML5第九讲 兼容性四
- 蓝鸥零基础学习HTML5第九讲 兼容性五
- 蓝鸥零基础学习HTML5第九讲 兼容性六
- 蓝鸥零基础学习HTML5第九讲 兼容性七
- HTML5 兼容性头部类
- html5和CSS3兼容性
- HTML5浏览器兼容性解决方案
- Python3机器学习个例
- 杭电1072 Nightmare
- 洛谷 p1192
- 欢迎使用CSDN-markdown编辑器
- 欢迎使用CSDN-markdown编辑器
- Android N 多窗口支持
- HTML5学习_day10(4)--兼容性个例
- 3.IOC主要技术实现DI之setter注入
- action类中属性驱动和模型驱动的区别
- Java中byte[]比较----字节数组比较
- Count Numbers with Unique Digits
- 13.ajax同步与异步
- 【bzoj 2456】 mode 众数
- the kth largest element in an unsorted array.
- 第4期