找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
积分等级发帖收益的说明江阴论坛帮助汇总江阴论坛管理规则(必看)江阴论坛版主招聘中江阴论坛已运行
查看: 2333|回复: 4

[WordPress] 区分 IE6 / IE7 /IE8 /Firefox

[复制链接]
发表于 2009-5-23 14:38:27 | 显示全部楼层 |阅读模式
本帖最后由 ray1980 于 2009-5-23 15:28 编辑

演示的CSS代码如下:
  1. p.ie{
  2. height:60px;text-align:center;line-height:60px;border:1px dashed #bbb;background:#f7f7f7;font:15;
  3. color:blue; // 所有浏览器
  4. color:brown\9; // 所有IE浏览器
  5. +color:red; // IE7
  6. _color:green; // IE6
  7. }
复制代码
  1. <p class="ie">
  2. <span style="display:block;display:none\9;">嘿嘿,小子竟然也用Firefox,蓝色文字。</span>
  3. <!–[if IE 8]>不错不错,挺先进的嘛,使用IE8呢!文字是褐色的。<![endif]–>
  4. <!–[if IE 7]>你,IE7,红色文字!<![endif]–>
  5. <!–[if IE 6]>孩子,虽然显示的是绿色文字,不过,IE6可不是好东西呢!<![endif]–>
  6. </p>
复制代码
转自:http://www.happinesz.cn/archives/1064/
发表于 2009-6-16 18:58:38 | 显示全部楼层
全是IE核心
回复

使用道具 举报

发表于 2009-6-16 21:22:23 | 显示全部楼层
有Firefox
回复

使用道具 举报

发表于 2009-6-16 23:03:03 | 显示全部楼层
火狐及不上IE8
回复

使用道具 举报

 楼主| 发表于 2009-10-19 10:33:24 | 显示全部楼层
区别不同浏览器的CSS hack写法:

区别IE6与FF:
background: orange;*background:blue;

区别IE6与IE7:
background: green !important;background:blue;

区别IE7与FF:
background: orange; *background:green;

区别FF,IE7,IE6:
background: orange;*background:green !important;*background:blue;

注:IE都能识别*;标准浏览器(如FF)不能识别*;

IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;

IE6 IE7 FF
* √ √ ×
!important × √ √

——————————————————
另外再补充一个,下划线"_",
IE6支持下划线,IE7和firefox均不支持下划线。

IE6 IE7 FF
* √ √ ×
!important × √ √
_ √ × ×

于是大家还可以这样来区分IE6,IE7,firefox
: background: orange;*background:green;_background:blue;

注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|江阴人家

GMT+8, 2024-11-24 01:49 , Processed in 0.024682 second(s), 17 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表