• 解决兼容性问题的办法


    列举CSS兼容性:1. 透明度问题,标准浏览器(0-1)opacity:0.2,IE (0-100);filter:  alpha(opacity=20);
     
    2、IE6不支持display:inline-block (inline-block属性值,使其既具有block的可以设置宽高度特性,又具有inline的同行特性)(解决vertical-align:(bottom)垂直位置方式。)
     
    3、(在css参考手册中有许多问题和解决方案)在IE6及更早的浏览器中定义小高度容器(因为默认有字体、行高):overflow:hidden;font-size:0;height:1px;line-height:0;
     
    4,IE6中浮动式产生一个双边距的问题:把元素的display:inline
     
    5,IE6之间的浏览器不支持min-height,解决:加一个_height:200px;
     
    6、CSShack(利用了这些浏览器的漏洞价格,专门用这些漏洞来解决兼容性问题):条件hack、属性级hack(_color:IE6;*color:IE7;color:#0909:IE9)、选择符级hack3   (*html是IE6;*+html是IE7),
     
    7.被点击过的超链接不再具有hover、active了
       解决:CSS属性排列顺序 Link-Visit-Hover-Active
    把:hover :visit之类的里面的样式设置成一样的
     
    8、 min-height最小高度,选择符*HTML..Test{}只在IE6中可以显示 。IE中有一个3像素BUG,当一个元素浮动,另一个元素和他并列是会有一个3像素的边距,给左边浮动的元素加一个_margin-right :3px来解决。负值往右,正值往左
     
    9.  IE6只支持 a标签的:hover,不支持其他标签的:hover
    10. IE6不支持png24的透明(png透明)
     
     

  • 相关阅读:
    硬件——STM32 , SN74HC573锁存器
    【模拟】【杂题】jzoj 6345. 【NOIP2019模拟2019.9.8】ZYB建围墙
    归并排序求逆序对
    归并排序求逆序对
    hdu 4135
    hdu 4135
    牛客小白月赛5 A-无关(relationship)
    牛客小白月赛5 A-无关(relationship)
    HDU4027:Can you answer these queries?
    HDU4027:Can you answer these queries?
  • 原文地址:https://www.cnblogs.com/limengyao/p/8604396.html
Copyright © 2020-2023  润新知