博客园_散步的蠕虫的 IT BLOG 慢悠悠的在IT世界里逛荡

[整理收藏]CSS Hack IE6,IE7,IE8 and Firefox

2010-05-04T09:01:00Z

浏览器HACK	_	*	\9	!important
IE6	√	√	√	×
IE7	×	√	√	√
IE8	×	×	√	√
Firefox	×	×	×	√

1.区别IE和非IE浏览器

#tip {
background:blue; /*非IE 背景藍色*/
background:red \9; /*IE6、IE7、IE8背景紅色*/
}

2.区别IE6,IE7,IE8,FF

【区别符号】：「\9」、「*」、「_」
【示例】：

#tip {
background:blue; /*Firefox 背景变蓝色*/
background:red \9; /*IE8 背景变红色*/
*background:black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}

【说明】：因为IE系列浏览器可读「\9」，而IE6和IE7可读「*」(米字号)，另外IE6可辨识「_」(底线)，因此可以依照顺序写下来，就会让浏览器正确的读取到自己看得懂得CSS语法，所以就可以有效区分IE各版本和非IE浏览器(像是Firefox、Opera、Google Chrome、Safari等)。

3.区别IE6、IE7、Firefox (方法 1)

【区别符号】：「*」、「_」
【示例】：

#tip {
background:blue; /*Firefox背景变蓝色*/
*background:black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}

【说明】：IE7和IE6可读「*」(米字号)，IE6又可以读「_」(底线)，但是IE7却无法读取「_」，至于Firefox(非IE浏览器)则完全无法辨识「*」和「_」，因此就可以透过这样的差异性来区分IE6、IE7、Firefox

4.区别IE6、IE7、Firefox (方法 2)

【区别符号】：「*」、「!important」
【示例】：

#tip {
background:blue; /*Firefox 背景变蓝色*/
*background:green !important; /*IE7 背景变绿色*/
*background:orange; /*IE6 背景变橘色*/
}

【说明】：IE7可以辨识「*」和「!important」，但是IE6只可以辨识「*」，却无法辨识「!important」，至于Firefox可以读取「!important」但不能辨识「*」因此可以透过这样的差异来有效区隔IE6、IE7、Firefox。

5.区别IE7、Firefox

【区别符号】：「*」、「!important」
【示例】：

#tip {
background:blue; /*Firefox 背景变蓝色*/
*background:green !important; /*IE7 背景变绿色*/
}

【说明】：因为Firefox可以辨识「!important」但却无法辨识「*」，而IE7则可以同时看懂「*」、「!important」，因此可以两个辨识符号来区隔IE7和Firefox。

6.区别IE6、IE7 (方法 1)

【区别符号】：「*」、「_」
【示例】：

#tip {
*background:black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}

【说明】：IE7和IE6都可以辨识「*」(米字号)，但IE6可以辨识「_」(底线)，IE7却无法辨识，透过IE7无法读取「_」的特性就能轻鬆区隔 IE6和IE7之间的差异。

7.区别IE6、IE7 (方法 2)

【区别符号】：「!important」
【示例】：

#tip {
background:black !important; /*IE7 背景变黑色*/
background:orange; /*IE6 背景变橘色*/
}

【说明】：因为IE7可读取「!important」但IE6却不行，而CSS的读取步骤是从上到下，因此IE6读取时因无法辨识「!important」而直接跳到下一行读取CSS，所以背景色会呈现橘色。

8.区别IE6、Firefox

【区别符号】：「_」
【示例】：

#tip {
background:black; /*Firefox 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}

【说明】：因为IE6可以辨识「_」(底线)，但是Firefox却不行，因此可以透过这样的差异来区隔Firefox和IE6，有效达成CSS hack。

9. Chrome和safari的CSS hack代码

只有谷歌浏览器苹果浏览器读取：

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Webkit内核兼容CSS */
}

本文链接

【转载】Javascript标准DOM Range操作

2009-06-30T03:01:00Z

以下内容转自http://www.never-online.net/blog/Javascript标准DOM Range操作(1)http://www.never-online.net/blog/article.asp?id=113Javascript标准DOM Range操作(2)http://www.never-online.net/blog/article.asp?id=114Javascr...

[收藏]winform拖动方法

2009-03-26T04:25:00Z

[收藏]winform拖动方法

[收藏]SQL SERVER2005自动备份

2009-02-27T09:37:00Z

[收藏]SQL SERVER2005自动备份

[更新+源码]一个随时随地随便记的超轻量级的记事本软件WheneverNote V1.0.9.218

2009-02-17T07:41:00Z

[更新+源码]又升级了。超轻量级记事本软件，随手一抓就可以记录，支持txt和doc文本。是开发给自己用的，很实用。版本会陆续更新。

[发布+源码]一个随时随地随便记的超轻量级的记事本软件WheneverNote V1.0.9.215

2009-02-08T10:02:00Z

不知道你们会不会遇到这样的情况，有时候突然要记些东西，又懒得打开“重型设备”，索性会在桌面上创建一个windows文本文件记录一下。但是记录后就没时间管理，不经意就把它删掉了。我这种懒人是经常做这种事。今天忙里偷闲，就写了这个非常非常小的小程序，还不错，想记些东西的时候随时可以记下。想试一下的朋友可以先点击这里下载，需要.net framework2.0。等功能完善一下，我会把源码也放上共享。

[总结]Server Application Error(IIS5 HTTP500)内部错误分析及解决办法

2009-01-13T05:48:00Z

[总结]Server Application Error(IIS5 HTTP500)内部错误分析及解决办法

[转载]XML和HTML常用转义字符

2008-12-09T02:32:00Z

XML和HTML中都有一些特殊的字符，这些字符在XML和HTML中是不能直接使用的，如果必须使用这些字符，应该使用其对应的转义字符。

C# TO Excel

2008-09-02T10:08:00Z

C# TO EXCEL

新概念III

2008-06-24T08:46:00Z

新概念III