（从死了一次又一次终于挂掉的百度空间中抢救出来的，发表日期 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. Android源码分析--CircleImageView 源码详解

    源码地址为 https://github.com/hdodenhof/CircleImageView 实际上就是一个圆形的imageview 的自定义控件.代码写的很优雅,实现效果也很好, 特此分析. ...

  2. linux shell中的 #!/bin/bash

    #!/bin/bash是指此脚本使用/bin/bash来解释执行. 其中,#!是一个特殊的表示符,其后,跟着解释此脚本的shell路径. bash只是shell的一种,还有很多其它shell,如:sh ...

  3. LoadRunner--内存指标介绍

    Threads——线程数当前全部线程数============================================ Available MBytes——物理内存的可用数指计算机上可用于运行 ...

  4. Dzz任务板初版完成笔记-仿trello私有部署的一款轻量团队任务协作工具。

    刚完成了第一个版本Dzz任务板的设计开发,记录下设计思路和完成情况. Dzz任务板是DzzOffice中的团队协作套件中的一款应用,它需要安装在DzzOffice中使用. 主界面中需要能够快速简单的创 ...

  5. MXML的一些基本语法

    以下内容是一个视频的学习笔记<Flex4视频教程>,所以,先关记录也是以现在的Flash Builder为基础. <fx:Script/>  是脚本文件的声明 var代表数值, ...

  6. ansible文件模块使用

    1. 文件组装模块-assemble assemble主要是将多份配置文件组装为一份配置文件. 参数 必填 默认 选项 说明 Backup 否 No Yes/no 是否创建备份文件,使用时间戳 Del ...

  7. 设计模式 工厂-Factory

    在开始笔记之前先推荐一个网站:http://design-patterns.readthedocs.org/zh_CN/latest/index.html 网站对每一个Pattern都有详尽的解说.并 ...

  8. jsp页面元素和内置对象

    java server pages其根本是一个简化的servlet设计.实现了在java当中使用html标签.javaEE标准 一.页面元素 1.静态内容 html.js.css相关标签元素. 2.指 ...

  9. javascript中=、==、===区别详解

    javascript中=.==.===区别详解今天在项目开发过中发现在一个小问题.在判断n==""结果当n=0时 n==""结果也返回了true.虽然是个小问题 ...

  10. Flex之DataGrid和Tree控件的数据源XML格式

    1.flex的完整代码: <?xml version="1.0" encoding="utf-8"?> <s:Application xmln ...