`
lmh2072005
  • 浏览: 114823 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

再次总结下css的一些hack

 
阅读更多

 

color:red; /* 所有浏览器都支持 */

color:red !important;/* 除IE6外 */

_color:red; /* IE6支持 */

*color:red; /* IE6、IE7支持 */

+color:red;/*IE7支持*/

*+color:red; /* IE7支持 */

color:red\9; /* IE6、IE7、IE8、IE9支持 */

color:red\0; /* IE8、IE9支持 */

color:red\9\0;/*IE9支持*/

 

/* webkit and opera */

 @media all and (min-width: 0px){ div{color:red;} }

 

/* webkit */

 @media screen and (-webkit-min-device-pixel-ratio:0){ div{color:red;} }

 

/* opera */

 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-

 

ratio:0) { div{color:red;} }

 

/* firefox * /

 @-moz-document url-prefix(){ div{color:red;}} /* all firefox */

 

 html>/**/body div, x:-moz-any-link, x:default {color:red;} /* newest firefox */

}

 

body:nth-of-type(1) p{color:red;} /* Chrome、Safari支持 */

 

<!--[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> <!--<![endif]-->

<!–[if IE 7]> = 等于 IE7

 

<!–[if lt IE 8]> = 小于 IE8(就是 IE7 或以下了啦)

 

<!–[if gte IE 8]> = 大于或等于 IE8 

 

<meta http-equiv="x-ua-compatible" content="ie=7" />

把这段代码放到<head>里面,在ie8里面的页面解析起来就跟ie7一模一样的了

 

 

分享到:
评论
1 楼 vimest 2011-06-30  
知道IE的就已经足够了,opera,chrome,safari,ie9这四个现在都几乎是一样的了,问题最多的也只是ie678,当然还少不了我们的国产浏览器,如果网页在opera这些浏览器中都有问题,那就是你的网页问题了。

相关推荐

    史上最全的CSS hack方式一览.mhtml

    史上最全的CSS hack方式一览.mhtml史上最全的CSS hack方式一览.mhtml史上最全的CSS hack方式一览.mhtml史上最全的CSS hack方式一览.mhtml史上最全的CSS hack方式一览.mhtml史上最全的CSS hack方式一览.mhtml史上最全...

    CSS hack技巧大全

    本文将详细介绍一些常用的CSS Hack技巧,以及它们在不同浏览器中的应用。 首先,我们需要明确一点:`!important` 不应被视为一种hack手段。它主要用于提高样式的优先级,而不是用于浏览器兼容性处理。在某些情况下...

    CSS Hack 浏览器兼容文档

    在网页设计中,由于各个浏览器(尤其是Internet Explorer的早期版本)对CSS的实现存在差异,导致开发者需要采取一些特定的方法来解决浏览器兼容性问题。本篇文章主要探讨了针对IE6、IE7、IE8、IE9以及Firefox(FF)...

    css safari浏览器识别CSS hack.docx

    本文主要探讨了如何针对Safari浏览器进行CSS Hack,以便在不同的浏览器环境下实现样式的一致性。 首先,我们要明白CSS Hack的基本原理。由于各个浏览器对CSS规范的实现不完全相同,存在一些兼容性问题,开发者可以...

    CSSHack解决兼容

    CSSHack解决兼容

    css hack日志

    css hack 兼容性的总结与体会. IE6,IE7,IE8,IE9,firefox,apple,chrome等等浏览器的兼容性

    css hack,escape from css hack

    "css hack, escape from css hack"的主题旨在探讨如何避免使用CSS hack,遵循更标准和可持续的实践。以下是一些关键知识点: 1. **使用CSS预处理器**:如Sass、Less或Stylus,它们提供了变量、嵌套规则和混合等功能...

    css hack浏览器兼容性

    css hack ie6 ie7 ie8 firefox等浏览器兼容性

    CSS hack汇总

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

    各浏览器的cssHack总结

    本文将对各浏览器的CSS Hack进行总结,主要关注如何解决CSS样式兼容问题。 首先,我们了解下主要的浏览器:IE(Internet Explorer)、Firefox、Chrome、Safari以及Opera。它们之间的兼容性问题主要源于对CSS规范的...

    针对firefox ie6 ie7 ie8的css样式hack

    为了确保网站能够在不同浏览器下正常显示,开发者需要使用特定的技术手段来解决这些问题,其中CSS Hack就是一种常用的方法。本文将详细介绍如何为Firefox以及IE6、IE7、IE8等浏览器编写CSS Hack。 ### CSS Hack定义...

    区别不同浏览器CSS hack

    根据题目中的描述,我们可以总结出不同浏览器对于某些CSS Hack的识别特性: - **IE(Internet Explorer)**:IE能够识别`*`这个符号作为Hack的一部分。具体来说: - **IE6**能够识别`*`,但是不能识别`!important`...

    CSS hack-CSS

    CSS Hack是一种针对不同浏览器之间的CSS解析差异而采取的技术策略,目的是确保网页在各种浏览器中都能得到预期的渲染效果。在Web开发中,由于Internet Explorer(尤其是IE6和IE7)与其他标准兼容的浏览器(如Firefox...

    css hack div 布局

    值得注意的是,随着浏览器更新和CSS规范的统一,许多旧的CSS hack已经不再必要,开发者应尽量使用最新的CSS特性并遵循标准,以减少对hack的依赖。同时,持续关注浏览器的更新和新功能,可以帮助我们更好地应对未来的...

    CSS,Hack速查

    CSS,Hack速查

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

    "区分ie6 7 8 FF 的css hack 日常总结"这个主题集中讨论了如何针对IE6、IE7、IE8以及Firefox等浏览器编写特定的CSS代码来实现跨浏览器的兼容性。 首先,让我们了解CSS Hack的基本概念。CSS Hack是指由于不同浏览器...

    css和js hack手册

    CSS 和 JavaScript Hack 是解决这些问题的有效手段。本文将详细解释这些 Hack 的原理和使用方法。 首先,CSS Hack 主要针对不同浏览器或浏览器版本对 CSS 语法解析的差异。例如,IE 选择器 Hack 可以帮助我们只对...

    csshack最新的css作品展示

    【CSS Hack】是一种在网页设计中,为了应对不同的浏览器对CSS(层叠样式表)解析方式的差异,而采用的一些技巧或方法。由于各浏览器之间的兼容性和标准实施不一致,CSS Hack经常被用来确保网站在各种环境下都能正确...

    谷歌和safari webkit独有css hack

    以下是一些常见的WebKit特有CSS Hack: 1. `-webkit-` 前缀:WebKit浏览器支持许多实验性的CSS属性,它们在正式标准化之前会有特定的浏览器前缀,如`-webkit-border-radius`用于圆角,`-webkit-box-shadow`用于阴影...

Global site tag (gtag.js) - Google Analytics