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

  

相关文章:

  • 2022-03-06
  • 2021-10-17
  • 2022-12-23
  • 2021-07-14
  • 2022-12-23
  • 2021-05-24
  • 2021-10-14
  • 2022-01-06
猜你喜欢
  • 2022-12-23
  • 2022-02-08
  • 2022-12-23
  • 2022-12-23
  • 2022-01-20
  • 2022-12-23
  • 2021-09-04
相关资源
相似解决方案