以下代码是支持Chrome、opera、safari的hack方法，不过我没有使用过，是从网上找到的：

@media all and (min-width:0px){
.wyq { background: #000;   }                    /* Opera、Safari 、Chrome */
}

测试一下，不行~后来在老大的指导下找到了一个解决的方法，代码如下：

Opera Chrome Safari浏览器的CSS Hack方法：

body:nth-of-type(1) .brower
{
    /*background: #00f; 这是专门针对Chrome和Safari的CSS hack */
}
.brower
{
    background: #f00;                             /* ff */
    background: #00ff00\0;                        /* IE8 */
    [background: #ff00ff; background: #000;       /* Safari Chrome */
    *background: #ff6600;                         /* IE7 */
    _background: #ffff00;                         /* IE6 */
}

注意：

1、下面的一行是一整体，后边的会覆盖前边的

 [background: #ff00ff; background: #ff00ff;

2、下面的这一行针对IE8，而且数字必须是0，以前用9，但是用9，IE7和IE6也识别

background: #00ff00\0;

特此记录一下~

随机文章

• 晚上玩了一个晚上~
• chrome扩展应用开发教程之调试和打包上线
• 使用windows7的virtual PC打造原装IE6、IE7、IE8测试环境
• 如何写网站的robots.txt和meta name robots的配置
• 解决IE6背景图片不缓存的BUG
• 提供一个免费支持Jabber, AIM, MSN, Yahoo, Gtalk,Twitter 机器人
• 哎~都挺穷的！
• 万众期待的Ajax评论发布啦-dedecms扩展工具

© 三水清 for 三水清, 2009. | 4 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: css hack

猜你喜欢：
主流浏览器的CSS Hack方法整理	使用if IE hack注释解决CSS以及JS的兼容问题	使用CSS控制打印页面格式	CSS清除浏览器默认样式注意点
无觅

CSS Hack浏览器的顺序

对于不同浏览器的CSS hack是有顺序区分的，一般的书写hack的顺序是：Firefox -> IE7 -> IE6 -> 其他，
当然推荐大家使用Firefox+Firebug来进行调试，注意书写的时候要尽量标准，记住封口，很多时候不封口在FF，IE7下显示正常，可是在IE6下就全部乱了~

CSS Hack整理汇总

这些方法相信很多人已经很熟悉了：比如 IE6能识别下划线”_“和星号” * “，IE7能识别星号” * “，但不能识别下划线”_“，而firefox两个都不能认识。

区别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，firefox
: background:orange;*background:green;_background:blue;

除了上面常用到的方法，下面的代码也有CSS hack的效果：

#bgcolor {
	background:red !important; /* Firefox 等其他浏览器 */
	background:blue; /* IE6 */
}
*+html #bgcolor {
	background:green !important; /* IE7 */
}

E6 不认 !important, 也不认 *+html. 所以 IE6 只能是 blue.
IE7 认 !important, 也认 *+html, 优先度: (*+html + !important) > !important > +html. IE7 可以是 red, blue 和 green, 但 green 的优先度最高.
Firefox 和其他浏览器都认 !important. !important 优先, Firefox 可以是 red 和 blue, 但 red 优先度高.

注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。

使用if IE注释，让不同的CSS文件也能Hack

我们可以写两个文件，一个是针对于全部浏览器的不需要CSS hack的css文件，假如是all.css，一个是针对某一特例的浏览器，如IE6，假设为IE6.css
我们可以通过下面的代码来给IE6浏览器引入IE6.css这个文件，而对于其他的浏览器（如IE7）却不引入这个IE6.css，这样子就减少了IE7浏览器的请求次。

<!--[if IE]>
	<link rel="stylesheet" href="style_ie.css" type="text/css" />
<![endif]-->

关于if IE注释的详细用法，请参详《使用if IE hack注释解决CSS以及JS的兼容问题》

兼容所有浏览器的透明效果

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

针对chrome、opera、safari的CSS hack方法

请移步→《Opera Chrome Safari浏览器的CSS Hack方法》

随机文章

• 关于jQuery ready()方法一些用法解释
• 切换订阅地址到feedsky
• iframe自适用高度代码
• 爆料：其实淘宝团购的聚划算每天有18款
• 一道js正则笔试题
• 全国各省市，县级城市经纬度SQL数据以及js数组
• 08.11.19
• 使用navigator.geolocation来获取用户的地理位置信息

© 三水清 for 三水清, 2009. | 5 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: css hack

猜你喜欢：
使用CSS控制打印页面格式	Opera Chrome Safari浏览器的CSS Hack方法	使用if IE hack注释解决CSS以及JS的兼容问题	CSS清除浏览器默认样式注意点
无觅

<!–[if IE 5]> <script>document.write(”仅IE5.0与IE5.5可以识别”);</script> <![endif]–>

<!–[if gte IE 5.0]><script>document.write(”IE5.0以及IE5.0以上版本都可以识别”);</script><![endif]–>

<!–[if IE 6]><script>document.write(”仅IE6可识别”);</script><![endif]–>

<!–[if lt IE 6]><script>document.write(”IE6以下版本可识别”);</script><![endif]–>

<!–[if gte IE 6]><script>document.write(”IE6以及IE6以上版本可识别”);</script><![endif]–>

<!–[if IE 7]><script>document.write(”仅IE7可识别”);</script> <![endif]–>

<!–[if lt IE 7]><script>document.write(”IE7以下版本可识别”);</script><![endif]–>

<!–[if gte IE 7]><script>document.write(”IE7以及IE7以上版本可识别”);</script><![endif]–>

下面对if IE做一下详细的解释：

lte：就是Less than or equal to的简写，也就是小于或等于的意思。

lt ：就是Less than的简写，也就是小于的意思。

gte：就是Greater than or equal to的简写，也就是大于或等于的意思。

gt ：就是Greater than的简写，也就是大于的意思。

! ：就是不等于的意思，跟javascript里的不等于判断符相同

当然我们也可以使用if IE的注释来引入 js文件，以及CSS hack（更多方法）文件，如下面的代码：

<!–[if lte IE 6]>
<!– 如果IE浏览器版本小于等于6,调用ie6.css样式表 –>
<link rel=”stylesheet” type=”text/css” href=“http://js8.in/ie6.css” />
<![endif]–>

<!–[if lte IE 6]>
<!– 如果IE浏览器版本小于等于6,调用ie6.js样式表 –>
<script type=”text/javascript” src=”http://js8.in/ie6.js“></script>
<![endif]–>

最后，其实if IE的判断是可以镶嵌来写的，如下面的代码，采用了多级的判断：

<!–[if IE]>
<h1>您正在使用IE浏览器</h1>
<!–[if IE 5]>
<h2>版本 5</h2>
<![endif]–>

<!–[if IE 5.0]>
<h2>版本 5.0</h2>
<![endif]–>

<!–[if IE 5.5]>
<h2>版本 5.5</h2>
<![endif]–>

<!–[if IE 6]>
<h2>版本 6</h2>
<![endif]–>

<!–[if IE 7]>
<h2>版本 7</h2>
<![endif]–>
<![endif]–>

更多的CSS Hack方法，请继续阅读《主流浏览器的CSS Hack方法整理》

随机文章

• NodeList集合跟Array数组的区别
• 正确理解javascript的this关键字
• 晚上玩了一个晚上~
• 校内人人网忽悠用户-陈一舟牛啊~
• 2fool.cn域名健在，爱墙升级
• 新浪微博应用开发之一：授权机制介绍
• IE6下javascript不能隐藏select标签的bug
• 修改获取验证码图片到本地的PHP程序

© 三水清 for 三水清, 2009. | 2 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: css hack, javascript

猜你喜欢：
Opera Chrome Safari浏览器的CSS Hack方法	使用CSS控制打印页面格式	主流浏览器的CSS Hack方法整理	IE6下javascript不能隐藏select标签的bug
无觅

正因为xhtml和css是分离的，所以我们可以在print.css里自由书写需要打印显示的内容和表现形式。那么这也要求我们在书写xhtml的时候更多考虑到打印显示效果的需求，良好的扩展标记和结构嵌套，使得我们轻松的使用display:none将内容设置为不显示。然后就是去书写 print.css内容的时候了，你象设置word一样去写你想打印的页面吧。
后来想了想，其实单独写一个css增加了请求次数，就想到了@media print{}的作用，代码如下

@media print{
 .printdesc
{
    right: 0;
    width: 685px;
    height: 69px;
    background-color: #FFFFFF;
    float:left;
    overflow:auto;
    border:0px;
}
.text{
    float:right;
    width: 688px;
    margin-top:20px;
}
.printlink{
    height:0px;
    display:none;
    width:0px;
    z-index:-10;
 
}
.printlink a{
    display:none;
}
}

后来想到如果打印页面的某一部分，可以使用iframe来进行操作，现在的打印页面的局部内容基本上就是使用iframe进行处理的~特此记录一下

随机文章

• jQuery 1.4.1 中文参考文档下载
• 提高网站访问速度的十个技巧
• 是不是应该出售2fool.cn的域名
• javascript高效简洁代码的编写及优化技巧
• 哎~都挺穷的！
• GoDaddy促销COM域名，在华仅0.99美元
• 一款模仿Mac的windows7主题包
• WordPress博客的 SEO 技巧

© 三水清 for 三水清, 2009. | 2 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: css hack

猜你喜欢：
Opera Chrome Safari浏览器的CSS Hack方法	使用if IE hack注释解决CSS以及JS的兼容问题	主流浏览器的CSS Hack方法整理	引入CSS 的两种方式：link和@import的区别
无觅

解决方法

1.将chrome的界面语言改成英文,方法:扳手-选项-高级选项-更改字体和语言设置-语言-谷歌浏览器语言 将这里的改成英语(美国)之类
2.

Basically, the Chrome browser is based on WebKit. There are some webkit internal font setting options for font family, font size, etc.
Using text editor to open “Documents and Settings\User_Name\Local Settings\Application Data\Google\Chrome\User Data\Default\Preferences”
You will find the “webkit”: { “webprefs”: { in the file. Those settings are for WebKit.
In my setting example:
“webkit”: {
“webprefs”: {
“default_fixed_font_size”: 11,
“default_font_size”: 12,
“fixed_font_family”: “Bitstream Vera Sans Mono”,
“minimum_font_size”: 12,
“minimum_logical_font_siz”: 12,
“sansserif_font_family”: “Times New Roman”,
“serif_font_family”: “Arial”,
“standard_font_is_serif”: false,
“text_areas_are_resizable”: true
}
}
The minimum_font_size and minimum_logical_font_size prevent Chrome to use very small font size for display.
Remember to close Chrome first before you edit the file, or the file you saved will be overwritten by Chome after exiting.

随机文章

• Ajax文章评论上线！
• IE onchange事件触发bug？
• Wordpress Follow5 插件开发日记—插件后台Ajax应用及jQuery的使用
• 解决IE下setTimeout传参数的bug
• 使用html5 postMessage和window.name实现多浏览器跨域
• 通过On Top Replica 置顶任意窗口的任意部分
• 断桥残雪爱墙出国啦！
• IE event.stopPropagation()阻止冒泡事件

© 三水清 for 三水清, 2009. | 18 comments |在微博关注我：@清-三水清
收藏到： 人人网 | 豆瓣 | 开心网 | QQ书签 | 新浪微博 | 腾讯微博
Post tags: chrome, css hack, wordpress

猜你喜欢：
Opera Chrome Safari浏览器的CSS Hack方法	使用if IE hack注释解决CSS以及JS的兼容问题	css解决chrome 12px字号限制	主流浏览器的CSS Hack方法整理
无觅