`

分辨各种浏览器的hack

 
阅读更多
/* Opera */
html:first-child #opera
{
display: block;
}
/* IE 7 */
html > body #ie7
{
*display: block;
}
/* IE 6 */
body #ie6
{
_display: block;
}
/* Firefox 1 - 2 */
body:empty #firefox12
{
display: block;
}
/* Firefox */
@-moz-document url-prefix()
{
#firefox { display: block; }
}
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#safari { display: block; }
}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #opera { display: block; }
}
分享到:
评论

相关推荐

    区别不同浏览器CSS hack

    为了确保网页能在各种浏览器中正常显示,开发者们创造了一种特殊的技术——CSS Hack。CSS Hack是一种特殊的语法技巧,用来向特定的浏览器提供定制化的样式规则,从而解决浏览器间的兼容性问题。 #### 不同浏览器的...

    区分各种不同浏览里csshack

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

    css safari浏览器识别CSS hack.docx

    在这个媒体查询中,`-webkit-min-device-pixel-ratio:0` 是一个WebKit专有的特性,它通常用于区分WebKit浏览器和其他非WebKit浏览器。在大括号内部,你可以定义只对Safari和Chrome生效的CSS样式,比如: ```css ....

    CSS Hack 浏览器兼容文档

    - **星号(*)**:用来区分IE6和IE7与其他浏览器。例如,`*backgorund:red;`将只对IE6和IE7生效,设置背景色为红色。 - **叹号important(!important)**:用于优先级较高的CSS规则,如`background:red !important...

    css_hack csshack技术

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

    浏览器hack总结 详细的浏览器兼容性的快速解决方法

    CSS Hack主要是利用了不同浏览器对CSS代码的解析差异,通过特定的技巧来区分浏览器,以实现对特定浏览器样式的控制。CSS Hack通常分为CSS选择器Hack和CSS属性Hack两大类。 CSS选择器Hack是指在CSS选择器前添加某些...

    browser-hack-sass-mixins:浏览器hack sass mixin-将SCSS应用于特定的浏览器-CSS hacks:IE,Chrome,Firefox,Edge,Opera

    `browser-hack-sass-mixins`项目就是为了应对这些兼容性问题,通过Sass的mixin功能,提供了一套浏览器hack的解决方案,用于精确地针对不同浏览器应用特定的CSS修复。 Sass Mixins是Sass的一种强大特性,它允许创建...

    如果开发兼容各种浏览器的网页.pdf

    文档中还展示了如何通过注释来区分不同浏览器下的CSS规则。在注释中,开发者可以标记出该段CSS代码适用于哪些浏览器,例如: ```css /* IE6 */ _color:#66CCCC; /* IE7 */ * color:#66CCCC; /* Firefox */ color:#...

    CSS HACK收集:关于IE6/FF/google等浏览器hack的方法详细

    在网页开发中,CSS Hack是一种针对不同浏览器差异性进行调整的技术。本文主要聚焦于如何针对IE6、Firefox以及Google浏览器的特性进行CSS Hack,确保页面在各浏览器中的表现一致性。 1. **IE6下的a标签嵌套img标签...

    CSS hack技巧大全

    CSS Hack是一种技术,用来解决这些差异,确保样式在各种浏览器中都能正确呈现。本文将详细介绍一些常用的CSS Hack技巧,以及它们在不同浏览器中的应用。 首先,我们需要明确一点:`!important` 不应被视为一种hack...

    css hack div 布局

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

    同浏览器CSS样式兼容问题

    这使得开发者需要花费大量时间去调试和调整代码,以确保网页在各种浏览器中的一致性。 解决浏览器兼容问题的一种常见方法是使用CSS Hack。CSS Hack是通过特定的语法结构来针对不同浏览器进行样式设定。例如,对于IE...

    CSS兼容大全IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari等浏览器

    这个技术的核心是 CSS Hack,即针对不同的浏览器写不同的 CSS 代码,使得网页在不同的浏览器中都能正常显示。 什么是 CSS Hack? ----------------- CSS Hack 是一种技术,用于解决不同的浏览器对 CSS 的解析认识...

    CSS hack汇总

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

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

    方法一主要依赖于特殊的CSS选择器来区分浏览器。以下是对四种特殊符号的测试结果: 1. `>`(子元素选择器):所有浏览器都支持,但在区分浏览器方面没有帮助。 2. `.`(类选择器):同样,所有浏览器都支持,无法...

Global site tag (gtag.js) - Google Analytics