title测试ie6的文字行高表现/title
style type="text/css"
body,ul,li,p {margin:0;padding:0;}
body { font:12px/1.5 Tahoma,"宋体",Arial, Helvetica, sans-serif; }
ul {float:left;list-style:none; margin-bottom:10px;}
ul li, p { margin-top:4px;background:silver;clear:left;}
ul li {float:left;margin-top:4px;}
/style
/head
body
ul
li岁月不饶人哪/li
lihjgt/li
/ul
p岁月不饶人哪/p
phjgt/p
/body
/html
33:利用 CSS 跨浏览器地隐藏文字一法
复制代码代码如下:
ont-size:0; // for firefoxopera
color: transparent; // for webkit
overflow:hidden; // for IE
font-size:0;
filter:alpha(opacity=0);
自测后兼容的浏览器如下:
IE 6-8
Firefox 1-4
Opera 9-10
Safari 3-5
Chrome 1-6
34:button在chrome下默认有2px的margin
button在chrome下有两像素margin/button
35:ie6和ie7里面margin失效
复制代码代码如下:
div style="padding:20px;background:#f00;"
div style="background:#fff;height:200px;margin:50px;"我的margin在ie里面失效了/div
解决办法去掉里面div的高度
推荐阅读
- css IE8 兼容问题的汇总
- 让IE6支持css3,让 IE7、IE8 都支持CSS3
- 关于IE7 z-index的浏览器兼容性问题完美解决方案
- IE7 mode IE8兼容视图与独立IE7的区别详解
- IE7和IE8的兼容性问题
- IE7,6与Fireofx CSS对浏览器的兼容性性处理
- DIV+CSS相对IE6 IE7和IE8浏览器行为区别及兼容性问题整理
- IE7兼容模式可以解决IE8 FF浏览器下出现文字重叠问题
- ie6~ie9 hack兼容写法 已测试
- 关于IE8兼容:X-UA-Compatible属性的解释
