CSS hack 和 IE浏览器条件判断 集中汇总

（从死了一次又一次终于挂掉的百度空间中抢救出来的，发表日期 2014-08-16）

未完待续

css hack

 

ie 浏览器判断语句

 

360大多数网页的各浏览器兼容方法：

<!DOCTYPE html>

    <!--[if lt IE 7 ]><html class="ie6"><![endif]-->

    <!--[if IE 7 ]><html class="ie7"><![endif]-->

    <!--[if IE 8 ]><html class="ie8"><![endif]-->

    <!--[if IE 9 ]><html class="ie9"><![endif]-->

    <!--[if (gt IE 9)|!(IE)]><!-->

<html class="w3c"><!--<![endif]-->

    <head>

        <meta name="renderer" content = "webkit|ie-comp|ie-stand" />

        <meta charset="utf-8" />

        <meta property="wb:webmaster" content="eaa2b47c8ad0b3ee" />

        <title>360音乐搜索 - 搜一下，聆听更多</title>

        <meta content="360音乐，音乐，歌曲，MP3，网络流行，经典老歌，音乐网" name="keywords"/>

        <meta content="360音乐搜索聚合海量优质音源，合作……搜一下聆听更多。" name="description"/>

        <link rel="stylesheet" type="text/css" href="http://s7.qhimg.com/!9366d735/common.css"/>

        <link rel="stylesheet" type="text/css" href="http://s1.qhimg.com/!07c64081/index.css"/>

        <link href="http://s5.qhimg.com/!d943ef94/sobar.css" type="text/css" rel="stylesheet"/>

        <script src="http://s9.qhimg.com/!b8cb2dc7/sobar.js"></script>

    </head>

    <body>

    ……

    </body>

</html>

 

其css代码就这样写：（截取一部分）

 

.b-l{

bottom:0;

left:0

}

.b-r{

bottom:0;

right:0

}

.ie6 .front-view,.ie6 .behind-view{

font-size:0;

line-height:0

}

.ie6 .front-view *,.ie6 .behind-view *{

font-size:12px;

line-height:1.5

}

.ie6 .front-view .mysite-reco .tab *{

line-height:26px

}

.ie6 .front-view .mysite-reco .reco-list li *{

font-size:14px

}

.ie6 .front-view .mysite-reco .reco-list li .tips-reco *{

font-size:12px

}

.ie6 .front-view .mysite-list-null *{

line-height:68px

}

.split{

padding:0 5px 0 4px;

font-size:14px;

-webkit-text-size-adjust:none

}

.dot{

display:inline-block;

overflow:hidden;

width:2px;

height:2px;

vertical-align:top;

padding: 0px; font-size: 16px; font-family: 微软雅黑, Tahoma; line-height: 25.6000003814697px;">}

.g-hide{

display:none

}

.disable-hover{

pointer-events:none

}

 

posted @ 2015-05-26 13:55  幻想家~  阅读(343)  评论(0)  编辑  收藏  举报