您的位置:首页 > Web前端 > CSS

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

2012-12-03 22:07 691 查看
  最近在做产品的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的含义及使用场景说明

  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: