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一模一样的了
分享到:
相关推荐
由于不同浏览器(包括同一浏览器的不同版本)对CSS的支持程度存在差异,这导致了在不同浏览器环境下页面渲染效果可能会有所不同。为了应对这一挑战,开发者们创造了一种特殊的技术手段——**CSS Hack**,以确保页面...
本文将详细介绍一些常用的CSS Hack技巧,以及它们在不同浏览器中的应用。 首先,我们需要明确一点:`!important` 不应被视为一种hack手段。它主要用于提高样式的优先级,而不是用于浏览器兼容性处理。在某些情况下...
CSSHack解决兼容
css hack 兼容性的总结与体会. IE6,IE7,IE8,IE9,firefox,apple,chrome等等浏览器的兼容性
"css hack, escape from css hack"的主题旨在探讨如何避免使用CSS hack,遵循更标准和可持续的实践。以下是一些关键知识点: 1. **使用CSS预处理器**:如Sass、Less或Stylus,它们提供了变量、嵌套规则和混合等功能...
css hack ie6 ie7 ie8 firefox等浏览器兼容性
各浏览器CSS hack兼容表各浏览器CSS hack兼容表
史上最全的CSS hack方式一览.mhtml史上最全的CSS hack方式一览.mhtml史上最全的CSS hack方式一览.mhtml史上最全的CSS hack方式一览.mhtml史上最全的CSS hack方式一览.mhtml史上最全的CSS hack方式一览.mhtml史上最全...
以上列举的 CSS hack 方法是解决不同浏览器兼容性问题的有效手段,开发者可以根据具体项目需求灵活运用这些技巧,以确保网页在各种环境下都能呈现出一致的视觉效果和用户体验。然而,随着现代浏览器标准的统一和技术...
本文将对各浏览器的CSS Hack进行总结,主要关注如何解决CSS样式兼容问题。 首先,我们了解下主要的浏览器:IE(Internet Explorer)、Firefox、Chrome、Safari以及Opera。它们之间的兼容性问题主要源于对CSS规范的...
以下是一些常见的CSS Hack类型和它们的应用: 1. **属性前缀Hack**:不同的浏览器对某些CSS属性的支持程度不同,例如IE6不支持`display: inline-block`,但可以通过`*display: inline`来实现类似效果。这种Hack是在...
1. **属性前缀**:一些浏览器,如Firefox和Chrome,支持Webkit引擎特有的CSS扩展属性,如`-webkit-transform`用于旋转、缩放等。而IE浏览器则有 `-ms-` 前缀,如 `-ms-filter` 可以用来处理滤镜效果。 2. **特殊...
下面是一些常见的 CSS Hack 写法: * 区别 IE6 和 Firefox:`background:orange; *background:blue;` * 区别 IE6 和 IE7:`background:green !important; background:blue;` * 区别 IE7 和 Firefox:`background:...
为了确保网站能够在不同浏览器下正常显示,开发者需要使用特定的技术手段来解决这些问题,其中CSS Hack就是一种常用的方法。本文将详细介绍如何为Firefox以及IE6、IE7、IE8等浏览器编写CSS Hack。 ### CSS Hack定义...
CSS Hack是针对不同浏览器的兼容性问题而采取的一种技巧,因为不同的浏览器对CSS的解析方式可能存在差异。"CSS_Hack速查表"是一个非常实用的工具,它汇总了各种CSS Hack,帮助开发者快速解决跨浏览器样式兼容问题。 ...
根据题目中的描述,我们可以总结出不同浏览器对于某些CSS Hack的识别特性: - **IE(Internet Explorer)**:IE能够识别`*`这个符号作为Hack的一部分。具体来说: - **IE6**能够识别`*`,但是不能识别`!important`...
CSS Hack是一种针对不同浏览器之间的CSS解析差异而采取的技术策略,目的是确保网页在各种浏览器中都能得到预期的渲染效果。在Web开发中,由于Internet Explorer(尤其是IE6和IE7)与其他标准兼容的浏览器(如Firefox...
### CSS样式Hack详解:兼容多种浏览器的技术解析 #### 一、CSS Hack简介 CSS Hack是一种技术手段,旨在解决不同浏览器间CSS渲染差异的问题。由于各浏览器(如IE6、IE7、Firefox等)对CSS标准的支持程度不同,...