IE躲猫猫bug

IE的躲猫猫bug也是我们在实际中经常遇到的一个问题,之所以叫躲猫猫是因为在一定的条件下文本消息了,只有在你重新刷新页面的时候才能显示的出来。这个bug发现的条件是一个浮动的元素后面是一些非浮动的元素,然后是一个清理浮动的元素,并且所有的元素到包含在一个设置了背景颜色或者背景图片的元素中。而条件又是我们经常使用的方法。好在有许多的方法能解决IE躲猫猫bug。下面我们就列出解决IE躲猫猫bug的一些方法:

  • 1.给容器设置 宽或者是 高可以避免 躲猫猫bug
  • 2.尽量避免容器设置背景颜色或者是背景图片这样可以减轻躲猫猫bug
  • 3.给容器和浮动的元素都添加position:relative;
  • 4.添加line-height:1.5em;属性当然数值是任意的
  • 5.父级元素也浮动可以避免

如果你有更好的方法可以发布出来大家学习!

标签: , ,

发表于 css

Post comment as twitter logo facebook logo
Sort: Newest | Oldest