本人一直是QQZone的支持者,在黄钻上也是花费了不少啊!
早期在学校的时候QQ空间的速度很是问题,平时很难打开,主要我们学校网速也很垃圾,到大二以后,学校网速有所提升,QQ空间的访问速度也有了不少提升了!在那是我已经开始使用Firefox了,但是QQZone对Firefox支持很烂,打开之后基本不能看啊!
在大概大三时表现还不错啊!支持IE,Firefox了,效果还是可以的!但是好景不长啊!QQ空间推出了Feed功能之后,在非IE浏览器中打开都直接转到Feed页面,很是不爽啊!只可以看到日记的内容了
最近QQ空间终于推出了5.0,但是需要开通黄钻和城市达人中视频认证,如果希望体验的朋友那要赶快了!
我的QQ空间:http://new.qzone.qq.com/153709096 别让她哭泣
终于在前段时间开通了QQ空间5.0,发现,还是不错的!
主要有下列新特性:
■宽版模式：宽广自由新空间，我最时尚！提供更宽尺寸的屏幕展示方式，带来更开阔自由的感官体验。
■简版风格：清新简洁新风格，明快大方！以透明白色为主要基调的简版风格，能够极好地突出日志正文与相册图片。
■一键排版：我的空间我做主，方便快捷！轻松选择全新布局，一键确定即可应用理想版式。
■模块透明度：变大变小变透明，想变就变！提供半透明和全透明两种全新的透明度选择，更有效地展示空间皮肤，为阅读带来全新趣味。
■大尺寸标题栏：更高更宽新标题，浑然天成！同时还有与标题栏完全匹配的宽版皮肤，整个空间装扮将焕然一新。
■商城宽版专区：为宽版量身定制的宽版皮肤、标题栏和宽版套装，已在空间商城有售！
不错这些天才发现可以在其他浏览器打开!在各个内核的浏览器都实验了一下,我现在升级IE到IE8Beta2,对QQ空间5.0支持并不好,如果转化成IE7也会经常出现错误.很容易内存错误,然后跳出.
最后尝试一下其他浏览器都可以打开,但是都还是有些问题,都开不开日志,其他模板也有不同的问题!不知道什么时候才可以完全支持非IE浏览器啊!期待中啊!

什么是CSS hack
由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。
这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。
这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack,也叫写CSS hack。
CSS Hack的原理是什么
由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。
以上定义来自于:http://www.div-css.com/html/XHTML-CSS/hack/7469631787942.html
下面常用的CSS Hack来自:http://andymao.com/andy/post/76.html
屏蔽IE浏览器（也就是IE下不显示）

*:lang(zh) select {
font:12px !important;
}

/*FF,OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF所识别*/

select:empty {
font:12px !important;
}

/*safari可见*/
这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。
仅IE7与IE5.0可以识别

*+html select {…}

当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。
仅IE7可以识别

*+html select {…!important;}

当面临需要只针对IE7做样式的时候就可以采用这个HACK。
IE6及IE6以下识别

* html select {…}

这个地方要特别注意很多博客都写成了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。

html/**/ >body select {…}

这句与上一句的作用相同。
仅IE6不识别，屏蔽IE6

select {
display /*屏蔽IE6*/:none;
}

这里主要是通过CSS注释分开一个属性与值，注释在冒号前。
仅IE6与IE5不识别，屏蔽IE6与IE5

select/**/ {
display /*IE6,IE5不识别*/:none;
}

这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。不屏蔽IE5.5
仅IE5不识别，屏蔽IE5

select/*IE5不识别*/ {…}

这一句是在上一句中去掉了属性区的注释。只有IE5不识别，IE5.5可以识别。
盒模型解决方法

selct {
width:IE5.x宽度; voice-family :"\"}\""; voice-family:inherit; width:正确宽度;
}

盒模型的清除方法不是通过!important来处理的。这点要明确。
清除浮动

select:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

在Firefox中，当子级都为浮动时，那么父级的高度就无法完全的包住整个子级，
那么这时用这个清除浮动的HACK来对父级做一次定义，那么就可以解决这个问题。
截字省略号

select {
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}

这个是在越出长度后会自行的截掉多出部分的文字，并以省略号结尾，很好的一个技术。只是目前Firefox并不支持。
只有Opera识别

@media all and (min-width: 0px){ select {……} }

针对Opera浏览器做单独的设定。
以上都是写CSS中的一些HACK，这些都是用来解决局部的兼容性问题，如果希望把兼容性的内容也分离出来，不妨试一下下面的几种过滤器。这些过滤器有的是写在CSS中通过过滤器导入特别的样式，也有的是写在HTML中的通过条件来链接或是导入需要的补丁样式。
IE5.x的过滤器，只有IE5.x可见

@media tty {
i{content:"\";/*" [...]

CSS hack是指我们为了兼容各浏览器，而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表，显示了各浏览器对css hack的支持程度，对我们制作兼容网页非常有帮助。
具体出处不详,所以没有注明出处.

Google Chrome

Safari3.1

Firefox3.0

Opera9.52

Google Chrome:78
Safari:75
Firefox:69
Opera:83
Chrome和Safari和一样的内核,但是竟然比Safari的得分还高,看来在标准化上还是做了一些工作的啊!