`

css区分各个浏览器和css Hack

 
阅读更多
<SCRIPT LANGUAGE="JavaScript">
<!--
alert(window.navigator.userAgent);
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
 alert("ie");
}else{
   if (window.navigator.userAgent.indexOf("Firefox")>=1)
  {
   alert("firefox");
  }else if (window.navigator.userAgent.indexOf("Chrome")>=1){
   alert("chome");
  }  else{alert("others");}
}

</SCRIPT>


区别IE6与FF:
       background:orange;*background:blue;

区别IE6与IE7:
       background:green !important;background:blue;

区别IE7与FF:
       background:orange; *background:green;

区别FF,IE7,IE6:
       background:orange;*background:green !important;*background:blue;

注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;



引用

IE6以下
*html{}//未验证
IE 7 以下
*:first-child+html {} * html {}//未验证
只对IE 7
*:first-child+html {}//已验证
只对IE 7 和现代浏览器
html>body {}
只对现代浏览器(非IE 7)//对ff和chrome已验证、、并且都可用这个方法设置css,据说IE8也可以、、、未验证
html>/**/body {}
最新的Opera 9以下版本
html:first-child {}
Safari
html[xmlns*=”"] body:last-child {}

实例
p.test {
  background-color: red;
  *background-color: blue;//IE6
  background-color: blue!important;//IE7..比下面的级别低。共存时使用下面css
}

*:first-child+html p.test {
  background-color: black;//IE7下
}
</style>
</head>

<body>
<body>
		<p class="test">333333333333333333333</p>
</body>


IE7可以辨识「*」和「!important」,//已验证
但是IE6只可以辨识「*」,却无法辨识「!important」,//验证失败、、ie仍然可以识别
至于Firefox可以读取「!important」但不能辨识「*」//已验证
因此可以透过这样的差异来有效区隔IE6、IE7、Firefox。
分享到:
评论

相关推荐

    css safari浏览器识别CSS hack.docx

    在网页设计和开发中,CSS Hack常常用于解决不同浏览器对CSS样式解析的差异问题。本文主要探讨了如何针对Safari浏览器进行CSS Hack,以便在不同的浏览器环境下实现样式的一致性。 首先,我们要明白CSS Hack的基本...

    CSS Hack 浏览器兼容文档

    CSS Hack是一种针对不同浏览器之间解析CSS规则差异的技术,目的是确保CSS样式在各个浏览器中的一致性。在网页设计中,由于各个浏览器(尤其是Internet Explorer的早期版本)对CSS的实现存在差异,导致开发者需要采取...

    区别不同浏览器CSS hack

    ### 区别不同浏览器CSS Hack知识点详解 #### CSS Hack简介 在Web开发过程中,由于不同浏览器对CSS的支持程度不一,导致同一段CSS代码在不同的浏览器中可能呈现出不同的效果。为了确保网页能在各种浏览器中正常显示...

    css_hack csshack技术

    为了应对这一挑战,开发者们创造了一种特殊的技术手段——**CSS Hack**,以确保页面能够在各种浏览器环境中保持一致性和良好的用户体验。 #### 二、CSS Hack 技术概述 **CSS Hack**是一种通过特定语法或标记来针对...

    CSS hack技巧大全

    总之,CSS Hack是一种解决浏览器差异的有效方法,但应谨慎使用,因为它们可能导致代码难以维护和扩展。尽量遵循浏览器最佳实践,利用最新的CSS规范,以及使用前缀和媒体查询来实现更好的跨浏览器兼容性。同时,持续...

    各主流浏览器CSS HACK列表

    ### 各主流浏览器CSS HACK列表详解 #### 一、引言 随着Web技术的发展与进步,浏览器兼容性问题一直是前端开发者关注的重点之一。由于不同浏览器对CSS的支持程度有所差异,为了确保网页能够在各种浏览器中正常显示,...

    CSS hack-CSS

    本教程将详细介绍如何使用CSS Hack来区分IE6、IE7和Firefox。 1. 区分IE6与Firefox: 在CSS中,可以使用星号(*)前缀作为hack,这在IE6中被识别,而Firefox则无法识别。例如: ```css background: orange; /* ...

    区分各种不同浏览里csshack

    区分各种浏览器的css样例,包括:IE5~IE10,FF,Chrome,opera等浏览器

    css区别IE和非IE浏览器

    **CSS Hack**是一种通过添加特定的前缀或语法结构来使某些CSS规则只被特定版本的浏览器解析的技术。这种方式在早期广泛应用于解决IE浏览器的兼容性问题。 - **星号选择器(*):** 这种hack方式可以让CSS规则仅被IE7及...

    CSS+DIV浏览器兼容技巧

    总结来说,处理 CSS 兼容性问题需要对各个浏览器的解析机制有深入理解,并灵活运用各种 Hack 技巧。在编写 CSS 时,优先考虑标准浏览器,然后针对 IE 进行适当调整,以确保在多种浏览器下都能获得一致的显示效果。...

    cssHack样式解析

    * 使用星号 "*" 和下划线 "_" 来区分不同的浏览器 * 使用 "!important" 来提高优先级 下面是一些常见的 CSS Hack 写法: * 区别 IE6 和 Firefox:`background:orange; *background:blue;` * 区别 IE6 和 IE7:`...

    区分ie6 7 8 FF 的css hack 日常总结

    在网页设计和开发中,CSS Hack常常被用来解决不同浏览器之间的样式兼容问题,尤其是IE(Internet Explorer)浏览器的各个版本之间。"区分ie6 7 8 FF 的css hack 日常总结"这个主题集中讨论了如何针对IE6、IE7、IE8...

    CSS hack汇总

    以上列举的 CSS hack 方法是解决不同浏览器兼容性问题的有效手段,开发者可以根据具体项目需求灵活运用这些技巧,以确保网页在各种环境下都能呈现出一致的视觉效果和用户体验。然而,随着现代浏览器标准的统一和技术...

    Css hack总结及其最佳用法

    通过阅读“Css hack总结及其最佳用法,告诉你怎么运用hack,无懈可击的解决各个浏览器的样式兼容 - 毛绒猫猫 - 博客园.htm”这篇文章,你将能更深入地理解CSS Hack,并学会如何在实际项目中有效应用它们。

    css hack div 布局

    接下来,我们看另一个更复杂的例子,区分IE5.5、IE6、IE7以及W3C标准浏览器的CSS hack: ```css .qq { background: #f00; /* w3c */ *background: #00f !important; /* IE7 */ _background: #0f0; /* IE6 */ _...

    DIV+CSS解决各浏览器兼容问题

    ### DIV+CSS解决各浏览器兼容...总结而言,解决浏览器兼容性问题需要开发者对各种浏览器的特性有深入的理解,并灵活运用各种CSS技巧和hack。通过以上方法,可以有效地确保网页在不同浏览器下展现出一致且美观的效果。

    同浏览器CSS样式兼容问题

    不同的浏览器,尤其是Internet Explorer(IE)和Mozilla Firefox,由于对W3C标准的支持程度不同,会导致同一份CSS样式表在各个浏览器中呈现出截然不同的效果。这使得开发者需要花费大量时间去调试和调整代码,以确保...

    简单CSShack:区分IE6、IE7、IE8、Firefox、Opera().pdf

    在《简单CSShack:区分IE6、IE7、IE8、Firefox、Opera》中,作者介绍了两种主要的方法来针对这些浏览器进行CSS样式区分。 方法一主要依赖于特殊的CSS选择器来区分浏览器。以下是对四种特殊符号的测试结果: 1. `&gt;`...

Global site tag (gtag.js) - Google Analytics