zoukankan      html  css  js  c++  java
  • 常见浏览器兼容性问题及解决方案

    常见浏览器兼容性问题及解决方案:
    1.不同浏览器的默认内外边距和内外补丁不同。
    解决方案:css设置 *{margin:0; padding:0;}
    *是通配符,匹配所有html标签。


    2.块级元素float之后,又有横向margin时,IE6显示margin比设置的大,表现为最后一个元素被挤到下一行。
    解决方案:给float元素添加display:inline;


    3.设置较小高度(小于10px),在IE6、IE7、遨游浏览器会不受控制,超过设置的高度,撑高到浏览器的默认最小高度。
    解决方案:给超出高度的标签添加overflow:hidden;或设置行高line-height小于你设置的高度。


    4.行内元素设置display:block后采用float布局,又有横向margin的情况,IE6间距bug。
    解决方案:在该元素的diaplay:block后添加diaplay:inline;display:table;


    5.图片默认有间距:多个img放在一起时,不同的浏览器会有默认的间距,即使设置了通配符也没有效果。
    解决方案:给img标签采用float布局。


    6.标签最低高度min-height不兼容。
    解决方案:设置方式为

    {min-height:200px;height:auto !important;height:200px;overflow:visible;}

    7.透明度的兼容性问题。

    解决方案:使用css hack。
    IE6认识的hacker是下划线_和星号*
    IE7、遨游认识的hacker是星号*
    例如:

    {height:300px;*height:200px;_height:100px;}
  • 相关阅读:
    【原创】贴片电容的测量方法。。。这是我从自己QQ空间转过来的,本人实操!
    CentOS6.4安装Apache+MySQL+PHP
    第一次在博客园写博客。。。新人
    C# 简单生成双色球代码
    从客户端中检测到有潜在危险的 Request.Form 值 方法
    经典实例
    js鼠标键禁用功能
    逻辑思维题
    C#运算符笔记
    C#基础
  • 原文地址:https://www.cnblogs.com/yeqrblog/p/6513601.html
Copyright © 2011-2022 走看看