HTML

作者: LIsPeri | 来源:发表于2018-03-23 15:39 被阅读0次

    .header {width:300px;} /* 所有浏览器/
    .header {width/
    */:330px\9;} / 所有浏览器IE浏览器 /
    .header {
    width:310px;} /* IE7和IE6能识别,IE8和FF不能识别/
    .header {_width:290px;} /
    IE6能识别,IE7、IE8和FF不能识别*/
    2.利用条件注释语句: 此内容只有IE可见

                lt 表示less than 当前条件版本以下的版本,不包含当前版本。
    
                gte 表示greeter than or equal 当前版本以上版本,并包含当前版本。
    
                lte 表示less than or equal 当前版本以下版本,并包含当前版本。
    

    3.其它hack 技术:

    .color1{ color:#F00; color/*/:#00F /*/}/IE6,IE7,IE8,FF,OP,SA识别/
    .color2{ color:#F00; color /*/:#00F /\9/}/IE7,IE8,FF,OP,SA识别/
    .color3{ color:#F00; color/
    */:#00F \9}/IE6,IE7,IE8识别/
    .color4{ color:#F00; color /
    */:#00F\9}/IE7,IE8识别//“color”和“/*/”之间有个空格*/

    test{color:red; /* 所有浏览器都支持 */

    color:red !important;/* Firefox、IE7支持 /
    _color:red; /
    IE6支持 /color:red; /* IE6、IE7支持 /
    +color:red; /* IE7支持 /color:red\9; / IE6、IE7、IE8支持 /
    color:red\0; /
    IE8支持 /}body:nth-of-type(1) p{color:red;} / Chrome、Safari支持 */

    IE6左右边框断线现
    条件:容器内有2个浮动,并且用clear清楚浮动,父元素没有定义高度宽度
    解决办法:(1)在父元素中加入height:1%(如果在设计中不允许加入高度时对IE使用HACK技术,如_height:1%;
    (2)加入一个宽度;
    (3)加入一个背景色
    (4)用其他方法清楚浮动,如zoon:1;Overflow:hidden;

    兼容ie6,ie7,ff的fixed,元素上下端固定定位方法
    body{
    background-image:url(about:blank); background-attachment:fixed;/必要,防抖动/
    }
    <!–[if IE 6]>
    < style type="text/css">
    /ie6 fix顶端元素/
    .head{
    top:expression(eval(document.documentElement.scrollTop));
    }
    /ie6 fix底端元素/
    .foot{
    top: expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1));
    }
    < /style>
    < ![endif]–>

    相关文章

      网友评论

          本文标题:HTML

          本文链接:https://www.haomeiwen.com/subject/eejxcftx.html