区分ie6-9,firefox,chrome,opera,safari的css方法(hack) - 夕弦 - ITeye博客

`

xixian

浏览: 216414 次
性别:
来自: 深圳

最近访客更多访客>>

zhangph739

javams

734994373

yugouai

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

zjut_ww：非常感谢分享。。但是我在使用过程中遇到一点小问题。就是如果用来 ...
java正则表达式找出不包含特定字符串
mohican52：在吗，大哥
struts2首页forward跳转后执行action
hz2005_2009： Y轴中文问题怎么解决？
FusionChartsFree调用json数据的简单例子
xixian： chenhao_yssy 写道把num换称9.985和9.99 ...
Doublel保留两位小数
chenhao_yssy：把num换称9.985和9.995试试。
Doublel保留两位小数

区分ie6-9,firefox,chrome,opera,safari的css方法(hack)

博客分类：

html
css

阅读更多

参考http://www.cnblogs.com/wuqiang/archive/2011/08/23/2150240.html

<!DOCTYPE html>  

<html>  

<head>  

    <title>Css Hack</title>  

    <style type="text/css">  

    #test   

    {   

        width:300px;   
        height:300px;   
        background-color:blue;      /*firefox*/
        background-color:red\9;      /*all ie*/
        background-color:yellow\0;    /*ie8*/
        +background-color:pink;        /*ie7*/
        _background-color:orange;       /*ie6*/

    }  
    :root #test { background-color:purple\9; }  /*ie9*/
    @media all and (min-width:0px){ #test {background-color:black\0;} }  /*opera*/
    @media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }  /*chrome and safari*/
    </style>  
</head>  
<body>  
    <div id="test">test</div>  
</body>  
</html>

分享到：

Hibernate取出需要用到的部分字段 | IE6下多出重复字符的问题处理

2012-08-01 10:59
浏览 1117
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

CSS兼容大全IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari等浏览器: CSS 兼容大全 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等浏览器 CSS 兼容大全是指在不同的浏览器中，例如 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等，如何使网页正常显示的技术。这个技术的核心是 CSS Hack，即...

IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表: "IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表" 提供了一个宝贵的资源，帮助开发者解决在不同浏览器之间存在的CSS样式差异。下面我们将深入探讨这个话题，了解各种CSS hack及其在这些浏览器中的表现。 ...

css兼容与差别　IE6,IE7,IE8,FireFox,Opera,Safari.doc: 标题和描述中的文档"css兼容与差别　IE6,IE7,IE8,FireFox,Opera,Safari.doc"主要探讨的是如何解决这些浏览器中的CSS兼容性问题。 1. **浮动(float)**：在示例代码中，我们可以看到针对不同浏览器的浮动样式设置。`...

CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chrome、Opera: 本文将详细介绍如何区分IE6至IE10、Firefox、Chrome以及Opera这些主流浏览器，并根据它们各自的特性编写相应的CSS Hack代码。 ### IE浏览器的CSS Hack 由于IE浏览器的市场占有率高，且与其他浏览器的CSS兼容性差异...

ie6、ie7、ie8、ie9、ie10、firefox、google chrome浏览器Hack及兼容性演示页面: 这里我们将深入探讨标题中提到的`ie6`到`ie10`以及`Firefox`和`Google Chrome`浏览器的兼容性问题，以及它们所基于的`Gecko`和`WebKit`内核。首先，`IE6`至`IE10`是微软公司推出的一系列Internet Explorer浏览器，...

CSS_Hack速查表: - `-moz-`前缀针对Firefox：`.element {-moz-property: value; }` - `-o-`前缀针对Opera：`.element {-o-property: value; }` 3. 选择器Hack：利用某些浏览器不支持的CSS选择器，为这些浏览器编写特定样式，例如...

css页面变灰度兼容ie、firefox、chrome、opera、safari实现样式: 本文主要探讨如何使用CSS实现这一功能，并确保兼容性覆盖到主流浏览器，包括IE、Firefox、Chrome、Opera以及Safari。下面我们将详细讨论CSS中的滤镜（filters）属性，以及如何通过不同的前缀和非标准方法来实现跨...

各浏览器的cssHack总结: 首先，我们了解下主要的浏览器：IE（Internet Explorer）、Firefox、Chrome、Safari以及Opera。它们之间的兼容性问题主要源于对CSS规范的不同理解和实现，特别是早期版本的IE。 1. **IE浏览器的CSS Hack** - IE6和...

ie chrome firefox 兼容: 在上面的代码中，如果用户使用的是 Firefox、Chrome、Opera 或 Safari 浏览器，那么将跳转到指定的 URL 否则，将跳转到另外的 URL。浏览器兼容性处理是 Web 开发中一个非常重要的问题，因为不同的浏览器可能会有...

让IE6也识别CSS3-圆角效果应用border-radius: 在现代浏览器中，如Chrome、Firefox、Safari、Opera以及更新版本的IE，`border-radius`的兼容性已经相当好。但对于IE6，由于其支持的CSS版本较低，自然无法直接理解并应用这个属性。为了让IE6能够实现圆角效果，...

web前端规范之CSSHack.pdf: Webkit阵型则涵盖Firefox、Chrome、Safari和Opera等，它们遵循更现代的CSS标准。 **国内与国外的浏览器使用情况** 在中国，由于历史原因，Windows操作系统和IE浏览器的广泛使用导致大部分用户倾向于使用基于IE内核...

web前端规范之CSSHack[总结].pdf: 而Webkit阵营则包括Firefox、Chrome、Safari和Opera等，其中Chrome的市场份额已超过IE。由于中国市场的特殊性，许多国内用户仍然使用IE内核的浏览器，尤其是旧版本。然而，随着技术的发展，一些新版本的国产浏览器...

H5 CSS hack 和浏览器内核: 浏览器内核是解析和渲染网页内容的核心组件，常见的有Trident（IE）、Gecko（Firefox）、Webkit（Safari, Chrome）和Blink（Chrome, Opera）。每种内核对CSS的解析方式和对新特性的支持程度都有所不同，导致了CSS ...

csshack最新的css作品展示: 1. 浏览器兼容性：不同浏览器对CSS的支持程度和解析方式存在差异，如IE、Firefox、Chrome、Safari和Opera等。CSS Hack帮助开发者解决这些差异，确保网站在所有主流浏览器中的表现一致。 2. CSS版本差异：CSS规范...

浏览器兼容.doc-CSS hack姐姐兼容性问题: 然而，针对IE6、IE7、Firefox、Chrome、Opera等其他浏览器的兼容性问题，我们需要使用更复杂的CSS Hack。以下是一个示例： ```css .t1 { color: #000000; *color: #0000FF; /* 仅IE7识别 */ _color: #66CCCC; /*...

针对chrome的css hack 使用方法: 例如，Internet Explorer（IE）有自己的 Trident渲染引擎，Firefox使用Gecko，Safari和Chrome则基于WebKit或Blink。这些引擎对CSS规范的解释和执行不尽相同，导致同一段CSS代码在不同浏览器中的表现可能各异。在...

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

圆角效果在IE5.5、IE6、IE7、IE8、FF3、TT、Maxthon2.1.5、Opera9.6、Safari4.0通过: 本文将详细讨论如何在不同浏览器中，特别是IE5.5至IE8及Firefox 3、Thunderbird（TT）、Maxthon 2.1.5、Opera 9.6和Safari 4.0中实现纯CSS的圆角效果。首先，我们来看CSS3中的border-radius属性，这是实现圆角效果...

css hacks 利用浏览器的漏洞来隐藏特定浏览器的CSS规则: - **IE8, Firefox, Safari, Opera (除了IE6,7)** ```css html > /**/ body #cuatro { color: red; } ``` - **Opera 9.27及以下, Safari 2** ```css html :first-child #cinco { color: red; } ``` - **Safari ...

各种游览器的css兼容问题: 为了帮助开发者更好地理解和解决跨浏览器兼容性问题，下面列出了一个针对IE6、IE7、IE8、Firefox、Chrome和Safari浏览器的CSS Hack兼容表： | 浏览器 | !important | nth-of-type() | [;;] | |--------|-----------...

Global site tag (gtag.js) - Google Analytics