(从死了一次又一次终于挂掉的百度空间中抢救出来的,发表日期 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. 配置dg出现的错误

    ORA-09925: Unable to create audit trail file Linux-x86_64 Error: 30: Read-only file system 没有创建adump ...

  2. IPC_共享内存

    在IPC(InterProcess Communication)的通信模式下,不管是使用消息队列还是共享内存,甚至是信号量,每个IPC的对象(object)都有唯一的名字,称为“键”(key).通过“ ...

  3. 11、NFC技术:NDEF Uri格式解析

    NDEF Uri格式规范 与NDEF文本格式一样,存储在NFC标签中的Uri也有一定的格式 http://www.nfc-forum.org/specs/spec_dashboard 编写可以解析Ur ...

  4. Drupal 7.23:函数drupal_alter()注释

    /** * Passes alterable variables to specific hook_TYPE_alter() implementations. * * This dispatch fu ...

  5. [转]linux之less命令

    转自:http://www.cnblogs.com/peida/archive/2012/11/02/2750588.html less 工具也是对文件或其它输出进行分页显示的工具,应该说是linux ...

  6. 【LeetCode】6 - ZigZag Conversion

    The string "PAYPALISHIRING" is written in a zigzag pattern on a given number of rows like ...

  7. LeetCode(2) - Add Two Numbers

    一道比较基本的LinkedList的题目.题目要求是这样,现在有两个LinkedList,(2  -> 4 -> 3)和(5 -> 6 -> 4),然后从头开始,把每个node ...

  8. js运动 淡入淡出

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  9. 第三百二十六天 how can I 坚持

    今天元宵节啊,晚上去蓝色港湾看了看灯光节,快冻死了,人倒是挺多. 其他没啥了. 还有晚上吃了几个元宵. 好像冻感冒了,有点头晕. 睡觉.

  10. 第二百零七天 how can I坚持

    都这么一大把年纪了,还没正事,哎.. mysql ifnull(expr,expr),oracle nvl();去null函数. 每天也没什么事. 哎,每天 也总有那么点事. 刘松.李承杰,都是些什么 ...