zoukankan      html  css  js  c++  java
  • 解决兼容性问题的办法

    列举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透明)
     
     

  • 相关阅读:
    程序员那些事
    Android studio导入eclipse工程时出现中文全部乱码问题
    环境搭建贴
    Android涉及到的网址都记录在这把~~~~
    好书记录
    网络资源整理
    C# 资源
    samba 服务器
    我的虚拟机上网记录
    共享资源链接
  • 原文地址:https://www.cnblogs.com/limengyao/p/8604396.html
Copyright © 2011-2022 走看看