• 新记

    • 想请教下IE6 7 8 FF 4个浏览器 写DIV+CSS代码时需要注意的兼容性问题

    越详细越好。。有加分！！！谢谢了.越细越好，不要直接百度复制粘贴的，一律无视！

    举报该文章
    相关建议   2011-11-11
    以下所说都是这几年个人积累的经验，如有遗漏，楼下补充，大家一起交流
    1、浮动问题：在css中如果单独设置某个层的浮动后，如果不在此层的后面层中加一个clear:both样式，在ie8以及火狐浏览器中，会出现排版重叠现象；

    2、行高问题：如果行高设置为基数值，那么在各浏览器中是不同的，有的浏览器只识别偶数行高，比如不要设置 line-height:23px; 等基数行高

    3、margin和padding：如果左浮动与左间距或左填充、右浮动与右间距或右填充同时存在的时候，IE6有时会把间距值或填充值读为双倍，比如：margin-left:5px;float:left: 在ie6中会读为margin-left:10px 这是ie的一个bug，解决方法为在其后再加一个样式 display:inline

    4、高度不超过12像素问题：如果定义某个层的高度不超过12像素，那么在ie6中也会默认为12像素高度，比如要做个3像素高的水平线效果，那么要在此样式中加上 font-size:0; 定义文字大小为0，这样就能解决ie6的默认文字高度问题

    5、浏览器专有属性：ie中识别 _height ； ie7中识别 *+height ；

    6、期待楼下补充
    温馨提示：内容为网友见解，仅供参考
    其他看法
    第1个回答  2011-11-10
    其实么有什么兼容性问题，只是火狐跟IE 的排版的那个数字有点区别而已
    例
    <div class="dome">ssdd<div>

    .dome{
    width:100%
    height:200px; 火狐
    *height:200px; IE
    }
    懂了么？ 不懂继续问我 这两个可以写在一起的 最好只要有关布局的 你就要这么写！
    第2个回答  2011-11-18
    margin;padding;问题；在火狐和ie是不一样的，ie下margin可区上下左右空白和编号，但是在火狐上只能去掉上下空白，加上pddding去左右，然后加list-style去编号，还有是载ie下不支持min或者max元素，如min-width:50px ;在ie上是解析的就是width=50px；还有ie6 7上不兼容html5，你懂的。ie是不支持圆角属性的就是border-radius是不支持的，其他的正在总结中！！
    相似回答
    大家正在搜