• IE6、IE7、IE8、FireFox css line-height兼容问题


    针对firefox ie6 ie7
    ie8的css样式中的line-height属性,以前我们大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7以上对!important可以正确解释,会导致页面没按要求显示!这些细节却往往影响了整个页面样式的美观性。搜索了一下,找到了一个针对IE7、IE8不错的hack方式,IE7使用*+html或*line-height:
    方式。大概的总结如下:

    CSS可以参照如下定义,注意顺序:
    #menu { line-height: 23px;
    }  
    #menu { line-height: 26px9; }
    #menu { *line-height: 23px;
    }
    #menu { _line-height: 23px; } 或者写成一句

    #menu { line-height:23px;
    line-height: 26px9; *line-height: 23px; _line-height:23px; } 或者

    * html
    #menu { line-height: 23px; }
    *+html #menu { line-height: 23px; }

  • 相关阅读:
    POJ 1680 Fork() Makes Trouble
    课堂改进意见
    梦断代码 读后感3
    梦断代码 读后感2
    找一问题
    软件评价——搜狗输入法
    《梦断代码》读后感1
    站立会议第十天
    站立会议第九天
    站立会议第八天
  • 原文地址:https://www.cnblogs.com/visense/p/3191428.html
Copyright © 2020-2023  润新知