Onelong

分享知识,与你一起进步......
RSS icon Home icon
  • css兼容总结

    post by onelong / 2009-10-5 6:47 Monday [html+css]

    1.ul标签中FF中有个padding值,却没有margin值,而在IE中正好相反 
    解决办法:将ul的padding和margin都设为0(也可以不是0)如:padding:0;margin:0;list-style:none; 
    另外form默认在IE中也会有margin值,所以最好也将其margin和padding设为0
    在很多时候我们会这样设置
    *{padding:0px;
       margin:0px}
    为什么呢?由于各种浏览器对标签的解析的默认值不同,以上定义可以格式化html,实现兼容!
    2.ie中cursor:hand可以将鼠标设为手形,FF不行,
    解决:都用cursor:pointer 
    3.居中问题 
    ie需要将父窗口:text-align:center;而ff则是margin-left:auto;margin-right:auto;
    4.IE和FF盒模型有区别,所以有需要特殊设置 
    IE Box的总宽度是: width+padding+border+margin宽度总和
    FF Box的总宽度就是 width的宽度,padding+border+margin的宽度在含在width内。
    FF: 支持 !important(优先解析), IE 则忽略, 可用 !important 为 FF 特别设置样式
    width:600px !important;//这个要放在前面才行 
    width:598px; 
    另外:传说IE7会奇怪的支持!important,试过却不行;
    5. IE6中在设置float的div中margin会加倍,解决办法:div里面加上display:inline;
    6.透明滤镜:
    IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=30); 
    FF:opacity:0.3; 
    或者: 
    IE:filter:alpha(opacity=60);  
    FF:-moz-opacity:0.6;/*已过时,用上面的opacity代替*/ 
    7.禁用选择
    IE:使用js,onselectstart="return false;"; 
    FF:使用CSS,-moz-user-select:none
    8:圆角:
    FF中:-moz-border-radius:4px;

    标签: css
    引用地址:
     

    我要评论