美文网首页
CSS:几个IE6浏览器的兼容问题

CSS:几个IE6浏览器的兼容问题

作者: Andy丶Go | 来源:发表于2018-04-27 17:52 被阅读6次

我们这里先介绍一下浏览器hack。hack就是“黑客”的意思,在这里就是指使用浏览器提供的后门,针对某一种浏览器做兼容。IE6 留了一个后门,就是只要给css属性之前,加上下划线,这个属性就是IE6认识的专有属性。

1、IE6 浏览器不支持高度小于12px的盒子,任何小于12px的盒子,在IE6中看都偏大,原因是在IE6下,所有标签的最小高度都是为12px,解决办法很简单,就是将盒子的字号设置小(小于盒子的高),比如0px。

  height: 4px;
  _font-size: 0px;

2、IE6不支持使用overflow:hidden清除浮动(但支持溢出隐藏效果),解决方法是添加一条伴生属性:

  overflow: hidden;
  _zoom:1;

3、IE6的双倍margin bug,当出现连续浮动的元素携带和浮动方向相同的margin时,队首元素会出现双倍margin。 解决方法:
<1>使浮动的方向和margin的方向相反。

  float: left;
  margin-right: 40px;

<2>使用hack,单独给队首的元素,写一个一半的margin。

  _margin-left:20px;

相关文章

  • 关于前端开发过程中浏览器部分兼容问题

    关于前端开发过程中浏览器兼容问题 IE6常见CSS解析BUG以及Hack解决方法 a) 默认高度: 在IE6以及...

  • css的ie6兼容问题

    title: css的ie6兼容问题date: 2017-06-13 13:45:13tags: css笔记 pn...

  • CSS:几个IE6浏览器的兼容问题

    我们这里先介绍一下浏览器hack。hack就是“黑客”的意思,在这里就是指使用浏览器提供的后门,针对某一种浏览器做...

  • 浏览器兼容

    浏览器兼容思路 什么是 CSS hack 由于不同的浏览器,比如IE6,IE7,Firefox等,对CSS的解析标...

  • css选择器与属性的兼容性问题

    选择器兼容问题: 1.css2选择器兼容问题主要出现在IE6-7 IE6不支持多个类直接组合如:div.a.b会被...

  • 任务十二,浏览器兼容

    什么是 CSS hack css hack 由于不同厂商的浏览器或者同一厂商的浏览器的不同版本,IE6 IE7,对...

  • CSS Hack

    浏览器类型及版本的不同会造成CSS效果不尽相同 需要针对不同浏览器编写不同CSS IE6之后浏览器厂家间开始寻求标...

  • 关于浏览器的兼容问题

    关于浏览器的兼容问题 1. 什么是 CSS hack 根据百度的简述:CSS hack由于不同厂商的浏览器,比如I...

  • 解决ie6的浏览器css兼容问题

    ie6上css碰到的坑 前两天在给一个项目做东西的时候,碰到一个有意思的项目,是需要兼容ie6,有一些碰到并且解决...

  • 浏览器兼容

    什么是CSS Hack? 针对不同的浏览器写不同的CSS,使它能在不同的浏览器中得到想要的页面效果。比如IE6能识...

网友评论

      本文标题:CSS:几个IE6浏览器的兼容问题

      本文链接:https://www.haomeiwen.com/subject/vicilftx.html