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

}
时间: 2024-10-25 05:31:30

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

[转载]IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例 —— 浏览器

1.区别IE和非IE浏览器CSS HACK代码  #divcss5{background:blue; /*非IE 背景藍色*/background:red \9; /*IE6.IE7.IE8背景紅色*/} 2.区别IE6,IE7,IE8,FF CSS HACK [区别符号]:「\9」.「*」.「_」[示例]:  #divcss5{background:blue; /*Firefox 背景变蓝色*/background:red \9; /*IE8 背景变红色*/*background:black;

css hack 大全 各个浏览器的css

各个浏览器的css hack区别属性: IE6: _zoom:1; IE6/7: *zoom:1; IE6/7/8/9 :\9 各个浏览器的css hack区别规则 IE6: *html{} IE7: +.class{} 非IE6: html>body {} 仅火狐:@-moz-document url-prefix(){} saf3+和谷歌:@media all and (-webkit-min-device-pixel-ratio:0){} 仅opera:@media all and (-w

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

/* CSS属性级Hack */ color:red; /* 所有浏览器可识别*/ _color:red; /* 仅IE6 识别 */ *color:red; /* IE6.IE7 识别 */ +color:red; /* IE6.IE7 识别 */ *+color:red; /* IE6.IE7 识别 */ [color:red; /* IE6.IE7 识别 */ color:red\9; /* IE6.IE7.IE8.IE9 识别 */ color:red\0; /* IE8.IE9 识别*

CSS hack 解决各浏览器不兼容问题

1.IE8下兼容问题:转化成IE7兼容,头部加上代码: <metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/>  2.flaot浮动造成IE6双倍边距: margin-left:10px!important; /*IE7,IE8,FF下是10PX*/; margin-left:5px; /*IE6下属性写的是5PX,但在显示出来的是10px 或者给浮动元素加上display:inli

CSS hack与各个浏览器兼容、JS等

FF !important IE \9 IE8 \0 IE7 + chrome @media screen and (-webkit-min-device-pixel-ratio:0){} firefox 下 style=“display:“” ”正常 style=“display:”“none” 不正常 FF 下不兼容 getElementsByName innerText 改用 getElementsByTagName innerHTML和value

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

http://www.jb51.net/css/85640.html 断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法! 1:li边距“无故”增加  任何事情都是有原因的,li边距也不例外.  先描述一下具体状况:有些时候li边距会突然增 加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着头脑,仔细“研究”发现是由于其低级元素ul的paddi

CSS hack方式

史上最全的CSS hack方式一览 做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况.基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现.我个人是不太推荐使用hack的,要知道一名好的前端,要尽可能不使用hack的情况下实现需求,做到较好的用户体验.可是啊,现实太残酷,浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协,虽然这只是个别情况.今天,结合自己的经验和理解,做了几个demo把IE6~IE10和其他标准浏览器的C

史上最全的CSS hack方式一览

做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况.基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现.我个人是不太推荐使用hack的,要知道一名好的前端,要尽可能不使用hack的情况下实现需求,做到较好的用户体验.可是啊,现实太残酷,浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协,虽然这只是个别情况.今天,结合自己的经验和理解,做了几个demo把IE6~IE10和其他标准浏览器的CSS hack做一个总结,也许本文应

常用的CSS Hack技术集锦

来源:http://www.ido321.com/938.html 一.什么是CSS Hack? 不同的浏览器对CSS的解析结果是不同的,因此会导致相同的CSS输出的页面效果不同,这就需要CSS Hack来解决浏览器局部的兼容性问题.而这个针对不同的浏览器写不同的CSS 代码的过程,就叫CSS Hack. CSS Hack常见的有三种形式:CSS属性Hack.CSS选择符Hack以及IE条件注释Hack, Hack主要针对IE浏览器. 1.属性级Hack:比如IE6能识别下划线"_"和