（从死了一次又一次终于挂掉的百度空间中抢救出来的，发表日期 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:;

left:0

}

.b-r{

bottom:;

right:0

}

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

font-size:;

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

}

CSS hack 和 IE浏览器条件判断 集中汇总的更多相关文章

  1. 用CSS hack技术解决浏览器兼容性问题

    什么是CSS Hack? 不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CSS输出的页面效果不同,这就需要CSS Hack来解决浏览器局部的兼容性问题.而这个针对不同的浏览器写不同的CSS ...

  2. 怎么用css hack处理各浏览器兼容IE6，IE7,IE8,IE9/ FF

    第一:什么事浏览器兼容性 浏览器兼容性问题又被称为网页兼容性或网站兼容性问题,指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题.在网站的设计和制作中,做好浏览器兼容,才能够让网站 ...

  3. css hack 大全 各个浏览器的css

    各个浏览器的css hack区别属性: IE6: _zoom:1; IE6/7: *zoom:1; IE6/7/8/9 :\9 各个浏览器的css hack区别规则 IE6: *html{} IE7: ...

  4. IE6,IE7,IE8 css bug搜集及浏览器兼容性问题解决方法汇总

    断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法! 1: ...

  5. ie10 css hack 条件注释等兼容方式整理

    点评:ie10已经上线一段时间了,相信已经有一部分前端潮人体验过了,截至到现在,在ie6到ie9的浏览器各种各样的古怪行为,开发人员不得不使用条件注释,有条件的类,和其他特定于IE的css hack来 ...

  6. CSS3条件判断——@supports/window.CSS.supports()（转）

    CSS3条件判断,听起来"不明觉厉",如果你对CSS稍为熟悉一点的话,你会发现CSS中的"@media"就是条件判断之一.是的,在CSS3的条件判断规范文档中包 ...

  7. CSS Hack技术介绍及常用的Hack技巧集锦

    一.什么是CSS Hack? 不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CSS输出的页面效果不同,这就需要CSS Hack来解决浏览器局部的兼容性问题.而这个针对不同的浏览器写不同的CS ...

  8. 常用的CSS Hack

    一.什么是CSS Hack? 不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CSS输出的页面效果不同,这就需要CSS Hack来解决浏览器局部的兼容性问题.而这个针对不同的浏览器写不同的CS ...

  9. CSS hack方式一览【转】

    做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况.基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现.我个人是不太推荐使用hack的,要知道 ...

随机推荐

  1. 通过外部接口 根据ip获取城市名

    3种接口 淘宝/百度/不知名/   推荐淘宝接口 ip自个去获取,下附带php 获取ip的示例 function getIP() { static $realip; if (isset($_SERVE ...

  2. Android WebView中那些不得不解决的坑~~

    前面那张hybrid开发心得 有人问 怎么解决不用onJsPrompt 来回调js函数的问题.其实很简单,就是在在你的jscalljava回调函数内 另外开个线程去load js代码即可: wb.po ...

  3. Python中的sorted函数以及operator.itemgetter函数

    operator.itemgetter函数operator模块提供的itemgetter函数用于获取对象的哪些维的数据,参数为一些序号(即需要获取的数据在对象中的序号),下面看例子. a = [1,2 ...

  4. OpenLayers调用ArcGIS Server发布的WFS服务

    OpenLayers调用ArcGIS Server发布的WFS服务 原创: 蔡建良 2013-08-20 一． 开发环境 1) Openlayers2.13+arcgis server9.3 2) W ...

  5. 【转】WPF MultiBinding 和 IMultiValueConverter

    WPF MultiBinding 和 IMultiValueConverter 时间 2015-02-02 19:43:00  博客园精华区 原文  http://www.cnblogs.com/wo ...

  6. $(document).Ready()方法 VS OnLoad事件 VS $(window).load()方法

    $(document).Ready()方法 VS OnLoad事件 VS $(window).load()方法接触JQuery一般最先学到的是何时启动事件.在曾经很长一段时间里,在页面载入后引发的事件 ...

  7. EditText 光标不显示问题

    android:textCursorDrawable="@drawable/bg_txt_cursor" <?xml version="1.0" enco ...

  8. 发现第三方资源，chrome控制台

    for(var i=0,tags=document.querySelectorAll('iframe[src],frame[src],script[src],link[rel=stylesheet], ...

  9. java 多线程同步

    一.synchronized关键字 同步方法 每个对象都包含一把锁(也叫做监视器),它自动称为对象的一部分(不必为此写任何特殊的代码).调用任何synchronized方法时,对象就会被锁定,不可再调 ...

  10. ID@Xbox计划宣传片 XboxOne喜迎大波小游戏（转）

    微软Xbox One游戏不够多?别担心,微软的ID@Xbox计划将带来一大波独立游戏!微软在今天正式公布了即将登陆旗下的Xbox One主机平台的独立游戏阵容,数量多达32款,官方的宣传片也已放出,感 ...