在IE7、8下,如果同时遇到display:inline-block; text-indent:-9999px后出现BUG的解决方法

问题:

  如果在写CSS时,同时遇到了display:inline-block; text-indent:-9999px后,页面元素会随着text-indent的值移走。这个IE下的一个BUG。

 

解决:(在IE6、7下已经通过测试)

  .div {text-indent:0; line-height:0; font-size:0; overflow:hidden;}

 

经过测试可以解决IE6和7下所出现的上述问题。针对不同浏览器时再对些做一下相应的兼容。

你可能感兴趣的:(inline-block)