`
lmh2072005
  • 浏览: 113804 次
  • 性别: 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 csshack技术

    由于不同浏览器(包括同一浏览器的不同版本)对CSS的支持程度存在差异,这导致了在不同浏览器环境下页面渲染效果可能会有所不同。为了应对这一挑战,开发者们创造了一种特殊的技术手段——**CSS Hack**,以确保页面...

    CSS hack技巧大全

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

    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兼容表各浏览器CSS hack兼容表

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

    各浏览器的cssHack总结

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

    CSS HACK 兼容列表 Firefox,IE5,IE5.5,IE6,IE7,IE8.rar

    以下是一些常见的CSS Hack类型和它们的应用: 1. **属性前缀Hack**:不同的浏览器对某些CSS属性的支持程度不同,例如IE6不支持`display: inline-block`,但可以通过`*display: inline`来实现类似效果。这种Hack是在...

    CSS hack 兼容标识.rar_CSS hack 兼容标识

    1. **属性前缀**:一些浏览器,如Firefox和Chrome,支持Webkit引擎特有的CSS扩展属性,如`-webkit-transform`用于旋转、缩放等。而IE浏览器则有 `-ms-` 前缀,如 `-ms-filter` 可以用来处理滤镜效果。 2. **特殊...

    cssHack样式解析

    下面是一些常见的 CSS Hack 写法: * 区别 IE6 和 Firefox:`background:orange; *background:blue;` * 区别 IE6 和 IE7:`background:green !important; background:blue;` * 区别 IE7 和 Firefox:`background:...

    针对firefox ie6 ie7 ie8的css样式hack

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

    CSS_Hack速查表

    CSS Hack是针对不同浏览器的兼容性问题而采取的一种技巧,因为不同的浏览器对CSS的解析方式可能存在差异。"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,用于兼容多种浏览器

    ### CSS样式Hack详解:兼容多种浏览器的技术解析 #### 一、CSS Hack简介 CSS Hack是一种技术手段,旨在解决不同浏览器间CSS渲染差异的问题。由于各浏览器(如IE6、IE7、Firefox等)对CSS标准的支持程度不同,...

Global site tag (gtag.js) - Google Analytics