wlsy » 标准 http://wlsy.me 当时的月亮 今天的阳光 Tue, 24 Aug 2010 02:48:23 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 用CSS hack来区分浏览器 http://wlsy.me/1459/ http://wlsy.me/1459/#comments Sat, 28 Mar 2009 15:41:03 +0000 wlsy http://www.g9net.com/2009/03/28/css-hack-to-make-the-best-use-of-the-browser-to-distinguish-between.html 先来说说什么是CSS hack。这年头浏览器品种多种多样，每个浏览器的脾气也各不相同，那怎么让他们和睦相处呢？那就通过CSS hack来。其实更简单点说，根据每个浏览器的对CSS的解析不同，对不同浏览器写不同的CSS代码就叫CSS hack。因为CSS hack的写法很多，本文例子只针对Windows平台下的IE6，IE7，IE8，Firefox以及chrome（内核跟safari一样，所以应该不会有太多差别），好吧开始了。

针对单对象不同属性值的不同写法，用”_，*(像#,+等符合，以下都用*举例),!important”来区分

简要概述下：”_(下划线)”这个只针对IE6（其实6以下的版本也可以，不过不考虑了），“*”这个IE6,IE7浏览器都能识别，而!important这个除了IE6其他的都能支持。看表：

IE6 IE7 IE8 Firefox Chrome
_ √ x x x x
* √ √ x x x
!important x √ √ √ √

如表可知（IE8的出现导致了用*来区分IE和其他的浏览器失效），如果我们要区分IE6就可以这样：

div{ background:orange !important;background:green;}
/*或者这样*/
div{ background:orange;_background:green;}

上面那张表已经被我验证了应该不会有错。在书写浏览器要把那些比较现代的浏览器（像Fx，chrome）写在前面。在举个例子：

background:orange;*background:green !important;*background:blue;

解释下：浏览器从左边开始执行，第一条background:orange；所有浏览器都能识别，第二条*background:green !important；这里有用到两个来区分*来表示这能被IE6和IE7支持，!important不能被IE6识别，而最后面*background:blue;IE6,和IE7都能识别，但是因为！important优先级更高，所以整句语句用来区分Fx,IE7,IE6。

针对一个对象的不同写法

还是用例子来说话

* html div{ background:green;}/*这个只有IE6支持*/
*+html div{ background:green;}/*这个只有IE7支持*/
html*div{ background:green;}/*这个只有IE6，IE7支持*/
body>div{ background:green;}/*只有IE6不支持*/

用条件注释区分不同文件。

比如这样：

<!--[if IE]>
你可以在这里放些东西，或者一些特定的style或javascript而且只有是ie浏览器才能执行。
<![endif]-->

另外也可以定义IE的版本比如<!—[if IE 8]>一些内容<![endif]–>，这样也就只在IE8下生效，其他的类似。另外还有一些比如低于等于（lte）或高于等于(gte)的参数可以参照：http://msdn.microsoft.com/en-us/library/ms537512.aspx

不过这些条件注释只针对IE有效，如果要针对其他浏览器，可以用Conditional-CSS这个需要给服务器安装脚本，延伸阅读：http://www.qianduan.net/?p=6166

总结：其实还有一张很详细的表格，不过大部分都用不到，也会比较容易混淆，感兴趣的可以看看：css_hacke8a1a8 。CSS hack 其实还有很多，比如之前的清除浮动也用到了伪类。不过在书写代码的时候还是要尽量少用CSS hack，按标准来写，迫不得已的在用CSS hack。

本文经我都测试通过，如果还有错误或者一些其他实用的hack也可以留言。

]]> http://wlsy.me/1459/feed/ 7 IE8出正式版了，可怜的Frontend Engineering http://wlsy.me/1446/ http://wlsy.me/1446/#comments Fri, 20 Mar 2009 04:47:45 +0000 wlsy http://www.g9net.com/2009/03/20/ie8-is-finally-out-of-the-official-version-the-poor-frontend-engineering.html IE的新儿子出来了，本来确切的说该是喜事，市场上爷孙三辈幸福快乐的生活着，不过要讨好它们谈何容易，特别是那个冥顽不灵的IE6，还没到送终的时候，它依然是老大。这年头也要有个尊老爱幼，但真正苦的估计是是前端开发者了。

我终于知道计划生育的重要性了，少生优育，同时伺候三个多么困难啊，不过可以肯定的是，IE8比之前的IE浏览器都要来得优秀，而且也慢慢的向标准靠拢，不过以我的观点来看，要IE完全兼容标准估计不太可能，因为在浏览器市场上，IE还是处于垄断地位，除非微软不想保持浏览器到垄断，否则很难让IE舍去自己一些特别的东西。

唉如果IE6灭了那该多好呀～

不过用户哪会关心浏览器的版本，要真正灭了IE6只能靠新系统的普及了，话说如果Windows 7真的能普及，那IE7的命运岂不是也像IE5*一样？不过这要等到猴年马月？而且还是会有些很卡哇伊的老顽童死守故地。

不过呢，与IE斗斗还是有点乐趣，什么都略懂一点，生活就更精彩.

说说我对IE8的简单使用感受，要找详细的评测估计没几天就会遍布各大网站了。

喜欢它的多线程。这年头还是会有些可爱的小白说浏览器占用那么大的内存，关键是使用率的问题。

喜欢它的加速器。这个加速器不是网页加速器，简单的说就是扩展插件，Fx（firefox）在这方面做得非常好。

喜欢它的开发人员工具。有点firebug的影子，不过比它还是有多些实用的功能。

。。。。。。。

如果你还在用老掉牙的IE6，那么你可以升级到IE的新版本，但是我估计多数用户都很懒，囧兴::::。对了忘说一件事，很多人说我用什么傲游，腾讯tt，世界之窗等等，那些浏览器都是没有自己的内核，确切的说是IE的“皮肤”罢了

中文版 IE8 for
下载: Windows XP x86
下载: Windows Vista x86
下载: Windows Server 2003 x86
下载: Windows Server 2008 x86
下载: XP x64
下载: Windows Vista 64-bit
下载: Windows Server 2003 64-bit
下载: Windows Server 2008 64-bit
英文版 IE8 for
下载:Windows XP
下载:Windows XP 64 Bit
下载:Windows Vista
下载:Windows Vista 64 Bit
下载:Windows Server 2003
下载:Windows Server 2003 64 Bit
下载:Windows Server 2008
下载:Windows Server 2008 64 Bit

]]> http://wlsy.me/1446/feed/ 23