IE6下兼容CSS属性min-height的解决办法

  最近在做产品的IE6兼容性改造,由于min-height属性在IE6中是不起作用的。因此导致部分页面该撑开的部分却没有撑开,通过在网上查找资料并自己逐个验证各个环境下(Chrome、FireFox、Safari、IE6、IE7、IE9)均可以实现min-height的效果。

  实现方法思路:通过CSS代码的组合以达到兼容IE6的效果(当然也同时兼容多浏览器)

  CSS代码如下: 

selector{
  min-height:32px;      /*支持min-height属性的自动撑开*/
  height:!important;     /*自动撑开,兼容FireFox,Safari,Chrome,Oprea等高级浏览器*/ 
  height:32px;             /*IE浏览器时直接写死*/   
}

 

  相关知识小结:

  1. CSS属性!important的含义及使用场景说明

  

posted @ 2012-12-03 22:07  yutiansanshou  阅读(188)  评论(0编辑  收藏  举报