CSS hack 如何区分所有IE浏览器和非IE浏览器

网上的方法很多,经过试验的如下结论,多余的话就不说了,直入主题:

1.判断所有IE浏览器

正解:此写法只被lE浏览器识别,非IE浏览器不识别。

<!--[if IE]>

<style type="text/css">

……/*具体的样式*/

</style>

<![endif]-->

误解:以下写法IE和非IE浏览器都能识别

<!–[if IE]>

<style type="text/css">

……/*具体的样式*/

</style>

<![endif]–>

2.判断非IE浏览器

误解1:此种写法,IE和非IE都不识别

<!--[if !IE]>

<style type="text/css">

……/*具体的样式*/

</style>

<!--<![endif]-->

误解2:以下写法IE和非IE浏览器都能识别

<!–[if !IE]><!–>

<style type="text/css">

……/*具体的样式*/

</style>

<!–<![endif]–>

最终解决方案:

先写一个所有浏览器都识别的样式,然后再在其下面写一个只有IE浏览器能识别的同名样式,这样就能区分出IE和非IE下的效果了。

本人用于解决IE浏览器和非IE浏览器的边框差异问题,样式处理方式如下:

<!–[if !IE]><!–>

<style type="text/css">

.divbody{

margin-top:4px;

}

</style>

<!–<![endif]–>

<!--[if IE]>

<style type="text/css">

.divbody{

margin-top:0px;

}

</style>

<![endif]-->

目前没有找到只能被非IE浏览器识别的写法,小伙伴们有好的方法,望告知,不胜感激!

CSS hack 如何区分所有IE浏览器和非IE浏览器,布布扣,bubuko.com

时间: 2024-10-26 10:48:37

CSS hack 如何区分所有IE浏览器和非IE浏览器的相关文章

简单CSS hack:区分IE6、IE7、IE8、Firefox、Opera

一.跨浏览器的网页设计一直是让人很头疼的问题,这不只是因为浏览器的版本众多,还有一个重要的原因是相同浏览器的不同时期的版本也会有差异,甚至是在不同操作同台上还会有不同.因此使CSS hack技术进行浏览器区分是实现跨浏览器访问一个好方法.CSS Hack技术有很多,具体可以查看:    本文据说的主要是通过".",">","*","_"来区分.以下是本人对这四种符号的测试结果: -------IE6--     IE7-

CSS hack是什么?IE6\7\8\9\10浏览器的CSS hack大全介绍

CSS hack由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozillafirefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果. 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果. 这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack!目前IE内核浏览器仍然是国内主流浏览器,占据着PC浏览器的

IE浏览器与非IE浏览器JS日期兼容性问题处理

执行语句 console.log(new Date("2017-07-04 18:40").getTime()); 在IE浏览器中打印出:NAN 在非IE浏览器中打印出:1499164800000 执行语句 console.log(new Date("2017/07/04 18:40").getTime()); 在IE浏览器中打印出:1499164800000 在非IE浏览器中打印出:1499164800000 可见对于日期字符串最好用"/"连接

js方法区分IE浏览器和非IE浏览器

可以从IE特有的方法和非IE特有的方法来区分不同的浏览器 1.为元素添加事件监听: 非IE:.addEventListener("click",show,false)//第三个参数为事件流,true为事件捕获,false为事件冒泡 IE:.attachEvent("onclick",show): 2.为元素移除事件监听: 非IE:.removeEventListener("click",show) IE:.detachEvent("on

浏览器css hack

(1)*:  IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的; (2)!important: 除IE6不能识别 !important外,  FF+IE8+IE7都能识别!important ; (3)_ : 除IE6支持_ 外,  FF+IE8+IE7都不支持_; (4)\9:所有IE浏览器都识别(IE6.IE7.IE8.IE9) 示例: (1)区别FF(IE8)与IE6 IE7 backgorund:orange; FF和IE8背景色将为橘黄色 *backgorund:red

CSS hack大全&amp;详解(什么是CSS hack)

1.什么是CSS hack? CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(什么样的浏览器识别什么样的符号是有标准的,CSS hack就是让你记住这个标准),以达到应用不同的CSS样式的目的,比如.kwstu{width:300px;_width:200px;},一般浏览器会先给元素使用width:300px;的样式,紧接着后面还有个_width:200px;由于下划线_width只有IE6可以识别,所以此样式在IE6中实际设置对象的宽度为200px,后面

css hack 大全

1.什么是CSS hack? CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(什么样的浏览器识别什么样的符号是有标准的,CSS hack就是让你记住这个标准),以达到应用不同的CSS样式的目的,比如.kwstu{width:300px;_width:200px;},一般浏 览器会先给元素使用width:300px;的样式,紧接着后面还有个_width:200px;由于下划线_width只有IE6可以识别,所以此样式 在IE6中实际设置对象的宽度为200px,

CSS hack大全

1.什么是CSS hack? CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(什么样的浏览器识别什么样的符号是有标准的,CSS hack就是让你记住这个标准),以达到应用不同的CSS样式的目的,比如.kwstu{width:300px;_width:200px;},一般浏览器会先给元素使用width:300px;的样式,紧接着后面还有个_width:200px;由于下划线_width只有IE6可以识别,所以此样式在IE6中实际设置对象的宽度为200px,后面

[转载]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;