最近在做产品的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的含义及使用场景说明