在传统标准浏览器下,由于不同样式的设置,各浏览器呈现的页面基本不会出现大的差异,但是在比较低版本的IE浏览器下,很容易就出现各种兼容性问题。这里只是列举几个比较简单的问题。

  首先,在IE6下面,元素的边框高度最低为19个像素,当像素低于这个值时,就比较容易出现样式差异,浏览器一般会按照19来处理,解决方案:我们可以添加一条overflow:hidden;

  当给元素加上浮动时,如果此时在给元素设置了margin值,那么在IE6下面,正常的margin值显示出来就会变为双倍,俗称的 “双边距bug”,解决办法:可以为元素的display设置为inline,在实际中可尽量避免两者同时出现,可以尽量设置padding值来代替margin。

  IE6,7下面:如果想要元素都排成一行,最好给元素都加上浮动,这时可以给a标签和span都加上浮动

      <li>

         <a href="#"></a>

         <span></span>

      </li>

  在列表下面,IE6也存在一些小问题,当li本身没有浮动,但里面内容存在浮动时,li之间就会出现几个像素的间隙,可以为其加上设置 vertical-align:top;这个样式的设置,实现元素的对齐。

  

  img默认也会距离底部几个像素,这事也可以设置图片block,如果不想改变图片的display属性,可以加上vertical-align:属性

  IE6下父级元素的overflow包不住子级的相对定位,当子级元素高度或宽度超出来后,还是会超出父级, 可行方案:给父级元素也加上相对定位,因为相对定位不会影响元素,不会脱离文档流。

转载于:https://www.cnblogs.com/slientLove/p/6431587.html

关于IE6,7下面的一些兼容性问题相关推荐

  1. 对ie6、ie7、ff兼容性的详细css hack介绍

    这个毛病把我憋了好久了,最近到底找到了解决滴方式,通过偶测试系完整ok滴,和大伙儿共享. 以下为引佣: 如今偶大多数全是用!important来hack,关于ie6和firefox测试可以正常卖弄,可 ...

  2. IE6,IE7,firefox火狐浏览器兼容性在DIV+CSS中的写法

    DIV+CSS浏览器兼容问题一直困绕着许多从事DIV+CSS网页排版的美工人员,尤其是IE与火狐的兼容.用DIV+CSS布局的网页在IE下显示一切正常,可是在火狐(FireFox)浏览器里打开,本来好 ...

  3. ie6/ie7/firefox/dispaly:inline-block:兼容性

    <div class="update"> 文字内容 <div class="order"> <span class="u ...

  4. 【转】 IE6 IE7 IE8 css bug兼容性解决方法总结归纳

    1:li边距"无故"增加 任何事情都是有原因的,li边距也不例外. 先描述一下具体状况:有些时候li边距会突然增 加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着头脑 ...

  5. IE6 IE7 IE8 css bug兼容性解决方法总结归纳

    转载自 http://blog.csdn.net/freshlover/article/details/7605207 1:li边距"无故"增加 任何事情都是有原因的,li边距也不 ...

  6. css 全局 兼容性问题

    css 笔记 第一种:常用的全局CSS属性设置 //参考大型网站,如凤凰网 (1)清除所有的标记的内外边距 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p ...

  7. 最全整理浏览器兼容性问题与解决方案(转)

    所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的 ...

  8. 常见浏览器兼容性问题大全

    常见浏览器兼容性问题与解决方案 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或 ...

  9. 你对浏览器的兼容性有了解吗?

    什么是浏览器兼容性? 浏览器兼容性问题又被称为网页兼容性或网站兼容性问题,指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题.在网站的设计和制作中,做好浏览器兼容,才能够让网站在不 ...

  10. 浏览器兼容性调整(非原创)

    浏览器的内核 Mozilla Firefox ( Gecko ) Internet Explorer ( Trident ) Opera ( Presto ) Safari ( WebKit ) Go ...

最新文章

  1. 基于xfire发布web Service简单实例
  2. 在失败中学习,MIT新研究显示,机器可以像婴儿一样学会理解人类目标
  3. 龙岗网络推广浅析更新频率对网站优化有哪些影响?
  4. python实现api server_使用Python的http.server实现一个简易的Web Api对外提供HanLP拼音转换服务...
  5. opencv 图片边缘渐变_基于OpenCV的图像卡通化
  6. C/C++编程能力提升捷径 - ACM
  7. 3分钟练成SVN命令高手:SVN常用命令
  8. 命令行实现更强大的php交互
  9. 在命令提示符中运行c语言程序,【命令提示符运行exe】命令提示符运行文件_命令提示符运行程序-系统城...
  10. jdbcUrl is required with driverClassName错误解决
  11. Java计算接口请求时间
  12. 小程序注册开发全流程
  13. 用手机把纸质文件扫描成pdf的方法分享,不能错过哦。
  14. 2021大纲新增词汇
  15. JSR303 数据效验
  16. 如何将win10系统安装到U盘?
  17. 如何给老婆解释什么是Restful
  18. python pip什么意思_python中的pip是什么意思
  19. 斗地主的Java实现
  20. ndk编译 错误:dlopen failed:cannot locate symbol 一个符号 referenced by 你的库.so/.a lang.UnsatisfiedLinkErr

热门文章

  1. 计算机网络误区——VLAN中Access和Trunk原理详解
  2. C++ 数据结构,vector与栈介绍
  3. 关于【CDQ分治】的学习
  4. CentOS 7 yum 安装 Nginx
  5. 乌克兰发布新版《网络安全战略》
  6. Java8初体验(一)lambda表达式语法
  7. 安装配置NTP服务器
  8. 使用sharepoint自带的文本编辑器1
  9. 如何给小朋友解释单摆运动_运维挑战:如何构建复杂环境下的适应性系统
  10. Hibernate 与触发器协同工作