IE6,IE7,IE8 css bug搜集及浏览器兼容性问题解决方法汇总( 七 )


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的高度

推荐阅读