CSS兼容性一直是让人很头疼的问题，我现在都不知道是应该痛恨谁了，IE？FF？标准？如果世界是统一的，我们该少死多少脑细胞啊。
以前我们只需要兼容IE6和FF，现在有了IE7，IE8，我们要兼容主流的浏览器，现在需要做到兼容IE6，IE7，IE8，FF，其他浏览器暂且认为是FF一派吧，暂称为标准浏览器，参考了一些网上的资料，总结如下：
"\9" {background-color:red\9;} 这里的\9可以区别所有的IE和FF
"*" IE6、IE7可以识别，IE8、FF不能
"_" IE6可以识别，IE7、IE8、FF不能
见下表
| 浏览器\hack |
_ |
* |
\9 |
| FF |
NO |
NO |
NO |
| IE8 |
NO |
NO |
YES |
| IE7 |
NO |
YES |
YES |
| IE6 |
YES |
YES |
YES |
这样就可以完全区分开IE6、IE7、IE8、FF了。看下面使用的例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>CSS hack</title>
<style type="text/css">
<!--
.color{
width:200px;
background-color: #CC00FF; /*所有浏览器都会显示为紫色*/
background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/
*background-color: #0066FF; /*IE6、IE7会变为蓝色*/
_background-color: #009933; /*IE6会变为绿色*/
}
.text{
width:200px;
}
-->
</style>
</head>
<body>
<div class="color">测试方块</div>
<div class="text">
<strong style="color:#009933">IE6</strong>
<strong style="color:#0066FF">IE7</strong>
<strong style="color:#FF0000">IE8</strong>
<strong style="color:#CC00FF">FireFox</strong>
</div>
</body>
</html>
分享到：
相关推荐
"区分ie6 7 8 FF 的css hack 日常总结"这个主题集中讨论了如何针对IE6、IE7、IE8以及Firefox等浏览器编写特定的CSS代码来实现跨浏览器的兼容性。 首先，让我们了解CSS Hack的基本概念。CSS Hack是指由于不同浏览器...
搜集整理的CSS HACK，也即是在多种浏览器（主要是ie6 ie7 ie8 ff)下样式统一的解决办法。 内容还是较全的，前台开发中常见的兼容性问题都可以找到解决方法，值得研究。 包括各浏览器CSS hack,技巧。有实例。
在探讨CSS样式兼容IE6、IE7、IE8与火狐浏览器的方法时，我们需深入理解不同浏览器对CSS的支持差异，以及如何通过特定的技术手段确保网页在这些浏览器中的一致性和美观性。以下是对这一主题的详细解析： ### 1. 了解...
【CSS Hack】在Web开发中，CSS Hack是一种特殊的技术，用于解决不同浏览器对CSS解析的差异，特别是针对老版本的Internet Explorer（IE6、IE7和IE8）的兼容性问题。这些浏览器在解析CSS时存在诸多不一致，导致设计师...
本文将探讨一种通用方法来解决CSS在IE6、IE7及Firefox中的兼容性问题，通过使用特定的CSS Hack技巧，使网页能够优雅地适应这些浏览器。 #### CSS Hack详解 **1\. IE6/IE7与Firefox的CSS Hack** 在CSS中，可以通过...
### IE6、IE7、IE8、Firefox、Chrome、Safari的CSS Hack兼容一览表 在Web开发过程中，为了确保网站能够在不同的浏览器中保持一致的显示效果，开发者常常需要运用CSS Hack技术来解决浏览器间的兼容性问题。CSS Hack...
在《简单CSShack：区分IE6、IE7、IE8、Firefox、Opera》中，作者介绍了两种主要的方法来针对这些浏览器进行CSS样式区分。 方法一主要依赖于特殊的CSS选择器来区分浏览器。以下是对四种特殊符号的测试结果： 1. `>`...
在这个例子中，所有浏览器首先会看到`background-color:#f1ee18`，然后IE6、7、8会覆盖为`#00deff`，IE6和IE7会进一步变为`#a200ff`，最后，只有IE6会识别`_background-color`，显示为`#1e0bd1`。 **Hack应用情境...
- **`>` (大于号)**：此符号用于指定父元素的直接子元素，但在IE6、IE7和IE8中被视为通用选择器，可以用来针对性地应用样式。 - **`*` (星号)**：星号Hack主要用于向IE6和IE7提供样式，而其他浏览器则不会受到影响...
本文主要针对IE6、IE7和Firefox（FF）这三种浏览器的CSS兼容性进行详解。 首先，我们来看一下如何处理CSS兼容性问题。一种常用的方法是利用CSS Hack，即针对特定浏览器添加特定的样式规则。例如，对于`height`属性...
标题与描述中所提及的知识点聚焦于CSS在不同浏览器（尤其是IE6, IE7, IE8及Firefox）中的兼容性问题及其解决方案——即所谓的“Hack”技术。在Web开发领域，由于不同浏览器对CSS的支持程度和解析方式存在差异，...
### 最新CSS Hack技术（IE6/7/8） #### 概述 随着Web标准的发展与浏览器技术的进步，现代浏览器对CSS的支持越来越完善。然而，早期的一些浏览器如Internet Explorer 6、7、8等，由于其对CSS的支持存在诸多限制与不...
本篇文章主要探讨了针对IE6、IE7、IE8、IE9以及Firefox（FF）的CSS Hack方法。 1. **CSS Hack原理**： 不同的浏览器对某些CSS特性或者字符的识别有所不同。例如，星号（*）在IE6和IE7中被识别为一个选择器前缀，但...
本文将详细探讨如何通过特定的 CSS hack 技巧来实现跨浏览器的兼容性，重点针对IE6, IE7 和 Firefox 这三种浏览器。 #### CSS Hack 基础 CSS Hack 是一种针对不同浏览器的特性编写特殊代码的技术，以便解决浏览器...
本文旨在详细介绍如何通过 CSS hack 技术以及调整 CSS 属性来解决 IE6、IE7 及 Firefox 之间的兼容性问题。 #### 二、CSS Hack 技术 CSS Hack 是一种特殊的 CSS 编写技巧，用于向特定版本的浏览器提供不同的样式...
### CSS完美兼容IE6、IE7与Firefox的通用方法详解 在Web开发的历史长河中，浏览器兼容性一直是开发者面临的重大挑战，尤其是处理早期版本的Internet Explorer（IE6和IE7）与现代浏览器如Firefox之间的差异。本文将...
### CSS兼容IE6, IE7, FF的技巧详解 #### 一、CSS Hack技术解析 在Web开发过程中，由于不同的浏览器对CSS的支持程度不同，尤其是IE6与IE7这类较老版本的浏览器，在处理CSS样式时存在差异。为了确保网站在不同...
本文将深入探讨如何使CSS样式兼容IE6、IE7、IE8、IE9以及Firefox、Chrome等现代浏览器。 1. **DOCTYPE声明的影响**： DOCTYPE声明对于浏览器的渲染模式至关重要。在HTML文档的顶部加入正确的DOCTYPE，如`<!DOCTYPE...