zoukankan      html  css  js  c++  java
  • 经常遇到的浏览器的兼容性有哪些?

    • png24 位的图片在 iE6 浏览器上出现背景

    解决方案是做成 PNG8.

    • 浏览器默认的 margin 和 padding 不同。

    解决方案是加一个全局的*{margin:0;padding:0;}来统一。

    • IE6 双边距 bug:块属性标签 float 后,又有横行的 margin 情况下,在 ie6 显示 margin比设置的大。浮动 ie 产生的双倍距离 #box{ float:left; 10px; margin:0 0 0 100px;}这种情况之下 IE 会产生 20px 的距离

    解决方案是在 float 的标签样式控制中加入 _display:inline;将其转化为行内属性。(_这个符号只有 ie6 会识别)

    • IE 下,可以使用获取常规属性的方法来获取自定义属性, 也可以使用 getAttribute()获取自定义属性;
      Firefox 下,只能使用 getAttribute()获取自定义属性。 解决方法:统一通过 getAttribute()获取自定义属性。
      IE 下,even 对象有 x,y 属性,但是没有 pageX,pageY 属性;
      Firefox 下,event 对象有 pageX,pageY 属性,但是没有 x,y 属性。

    解决方法:(使用条件注释)。缺点是在 IE 浏览器下可能会增加额外的 HTTP 请求数。

    • Chrome 中文界面下默认会将小于 12px 的文本强制按照 12px 显示。

    可通过加入 CSS 属性 -webkit-text-size-adjust: none; 解决。

    • 超链接访问过后 hover 样式就不出现了 被点击访问过的超链接样式不在具有 hover和 active 了

    解决方法是改变 CSS 属性的排列顺序:
    L-V-H-A : a:link {} a:visited {} a:hover {} a:active {}


    渐进识别的方式,从总体中逐渐排除局部

    首先,巧妙的使用“9”这一标记,将 IE 游览器从所有情况中分离出来。 接着,再次使用“+”将 IE8 和 IE7、IE6 分离开来,这样 IE8 已经独立识别。

    .bb{  
    background-color:red;/*所有识别*/  
    background-color:#00deff9; /*IE6、7、8 识别*/  
    +background-color:#a200ff;/*IE6、7 识别*/  
    _background-color:#1e0bd1;/*IE6 识别*/  
    }
    
  • 相关阅读:
    win7 64位系统,vs2010下配置OpenGL开发环境
    OpenCV stereo matching 代码 matlab实现视差显示
    Cocos2d-x 3.x游戏开发之旅
    芯片验证漫游指南
    名师讲坛:PHP开发实战权威指南
    Python带我起飞:入门、进阶、商业实战
    新编Excel会计与财务管理应用大全(2016实战精华版)
    CorelDRAW X7中文版完全自学宝典
    HTML5 canvas开发详解(第2版)
    中文版3ds Max 2014--VRay效果图制作实用教程
  • 原文地址:https://www.cnblogs.com/macq/p/6519019.html
Copyright © 2011-2022 走看看