做别人没想过的,想别人没做过的

我发表这篇文章 也是用的火狐浏览器，我有很多插件 …… 点击 帮助（alt+h）——关于mozilla firefox（A）看到的版本更新信息是20091102。打开我的ie7，一样的操作，我看到的版权信息是2006年，百度百科一下（http://baike.baidu.com/view/392749.htm）,2006年末发布的。

在来看看我们天天抱怨的ie6把（http://baike.baidu.com/view/476980.htm）,2001年末发布的版本。

那看看我们的css版本把（http://baike.baidu.com/view/15916.htm#2）,1998年中旬发布的css2.0。

有何感想？你有理由去抱怨一款8年前的或者3年前的产品么？在你抱怨他的时候是否看到他的伟大，试问如果firefox从现在开始不更新能否3年以后 8年以后还能用来正确有效的浏览90%以上的网页?在抱怨的时候你为啥不想想在这8年的时间里为什么舍不得花费20分钟来升级你的浏览器。

一款不更新的浏览器能够坚持8年已经不错了，你们就放过ie6把，该升级的升级，改写hack的写hack，不要整天骂他了。他只是个孩子。

火狐的版本历史（http://baike.baidu.com/view/3279.htm#2）,太多太多，我很喜欢火狐，但是如果真的说心里话，我很佩服ie。

据微软最近对中小企业管理者发布的警告显示，微软将从2月12日起将强制推送IE7浏览器，若是管理员希望保留目前的IE6及其他版本IE浏览器，他们需要在自己公司机器上关闭自动更新功能。

　　实际上从去年10月份微软就宣布将于2008年2月份强制推送IE7，并且此次升级将不强制验证用户端的操作系统是否为正版系统，无论操作系统正版与否，用户均可以下载最新版本的IE7浏览器。微软曾表示，此举是出于对目前安全问题的关注。

　　在数周之后，微软会通过Windows update推送最新的IE浏览器版本。如果用户已经配置了WSUS自动更新服务，那么在2月12日之后，IE7的安装过程将自动完成。据微软表示，他们必须对IE6采取行动。事实上，现在全世界每3台正在工作的电脑中，有一台就是工作于IE6浏览器。据网站检测公司对40000个网络用户进行监测的结果显示，截至到2007年12月，仍有35%的机器在运行IE6浏览器。

    前段时间 xp 已经提供了自动升级，但是需要手动安装。 但是现在看来 未来的日子里，只要你开了自动跟新，那么他就会自动运行安装。哈哈 恭喜恭喜

css hack技术一直以来只是用来调整各个浏览器之间的显示差距而已。不过前阵子学习js发现FF浏览器对JS的支持很差，所以我只好暂时把FF浏览器给忽略掉，于是想找一个办法屏蔽FF浏览器。
于是乎我给body标签写了一个hack

这样就只有IE能显示内容了。
但是考虑到如果别人用FF打开什么也看不到又没有提示，这种设计一点都不人性化。所以便给他在FF下面加上了提示，只要打开FF就不会显示内容而是显示 提示：

系统检测到你使用的是FF浏览器，使用FF浏览器会导致页面效果丢失。请安装IEtab插件来浏览网页。
如果你坚持希望使用当前浏览器查看页面，请点激活此连接。确定使用非IE浏览器查看

这个提示只有在FF下面才能看到，并且在未激活连接前，页面内容是看不到的。而在IE下面 就直接显示内容，提示就不显示。于是我写了另一种hack

现在需要的就是给提示内容里面的链接加上一段Javascript脚本程序 让他点击的时候改变hack。
变成

javascript代码如下：

这样就OK了。

再往深层次考虑，windows平台非IE内核的浏览器还有一个opera，怎么样判断浏览器是IE FF OPERA呢？ 还是可以通过css hack 来实现的.
于是我选用了opera的hack ，不过这个hack不能通过css2.0的认证。所以这里不做详细解析，把代码贴出来就好了，谁看谁就自己去研究把。

这里有效果， www.chen-jing.cn/9/  试着用IE OPERA FF 3个浏览器打开看看效果。

  昨天收到windows xp 的跟新下载提示，早上过来安装跟新的时候发现这次跟新的是windows ie 浏览器，提示用户把浏览器升级成IE7.0。

由此看来，IE7.0的时代马上就要到了，以前用IE7的都需要自己去网上下载，所以普及远远没有IE6广，现在IE7已经又系统跟新提供了，所以

几乎每个人的xp系统都会提示安装。另外由于很多人都是用的盗版XP光盘，而那些光盘一般都整合了之前的更新包。也就是说也许你过2个月

花5块钱买来的系统碟安装了以后发现浏览器自动就是IE7了。从今天开始，IE6时代结束已经指日可待了。

IE7意味着什么？
少了那些莫名其妙的bug。
css2.0属性跟多的得到支持，大部分标签支持伪类状态，而不单单只有<a>标签支持伪类。
PNG24格式图片可以正常显示，这个太爽了，再也不同担心使用透明图片的问题了。

不过话又说回来，要完全淘汰IE6 肯定还需要1 到2年时间，现在IE5没完全淘汰呢……不过处于对客户的考虑，如果你的客户群只用IE7，那么

你就可以干脆别是管IE6了。 就像我的客户只会用IE一样的，所以给他们做的网站我不理会FF Opera。没必要为了客户不需要的东西而花费功

夫。

由于工作忙，一直没时间来写http://www.chen-jing.cn/6/ 这个例子的后面这个效果。

今天抽空来解释下。

首先我们还是来看结构

原理是这样的，我们先设置 a span 的属性为应藏。 在鼠标经过的时候设置 a:hover span 为显示，同时设置 a:hover 为应藏。

技巧很简单，这样很多地方可以用来做一种特殊的翻译效果。也就是鼠标放上去就变成对应的翻译。

下面的是QQ邮箱里面的一个效果，我们用第一种技巧很容易实现：

仔细的人一定会发现我http://www.chen-jing.cn/6/  页面里的线条很有立体感。其实我是用了2种颜色以及背景色的调节才会有这种感觉的，有兴趣的可以仔细看看那线条。

css技术很多有意思的东西，利用css的技巧有很多，这篇文章为大家讲解2种实用的技巧，可以运用到很多方面。
首先看我做的例子：
www.chen-jing.cn/6
这里展示了2个技巧。这2个技巧可以放到很多方面，包括菜单，文章提示以及其他细节处理的地方，这样简单却又生动的技巧可以让你的css

页面更为活拨动感。
首先来讲解第一个技巧。 来看第一个技巧的主要结构：
 

结构够简单的把。来看看关键的css：

也够简单的了把。
原理：首先我们设置背景色，然后给A里面的文字定义颜色。但是a 里面的span的默认颜色和背景色一样，这样就达到了应藏的目的。然后我们写a:hover { border:none;} 这个是解决IE6的一个bug，详细解释以后会说的。 最后改变：hover状态的span字体颜色 ，让他不再是背景色就好了。

第2个例子我会在下一篇文章种讲解的。

 css2级菜单大部分是用css+js写的。主要原因是应为IE6这个占用户群特大的浏览器对css2.0的伪类支持不是很理想。IE6.0只支持A标签的伪类，其他标签都不支持伪类。而IE7,FF,OPERA都支持。比如说一下代码：

做纯CSS2级别菜单，的原理是 父标签有A连接，然后同时用hover来实现显示隐藏子标签。并且，子标签也得带A连接。但是A标签是不能嵌套的。而hover在IE6里面又只能在A标签实现，所以，在ie6里面需要实现2级带连接的CSS菜单按照一般的想法是不可能的。

但是发现了下面一段代码之后就改变了整个状况：

测试发现，a标签里面嵌套table,再在table的单元格里面写a连接是可以的。这个连接依旧会在FF，opera和IE7生效。

之后我们给他加上css测试hover下面的效果缺发现，table的只有对IE起效，对其他的不管用。代码如下。

所以我们的解决方法是把把IE6和其他浏览器独立起来。其他浏览器不用a表亲的hover做显示应藏，只有A标签用。于是我们把菜单写成这样。

这个主要是利用条件注解，让浏览器生成不同的代码。

这里只有IE6生成table，具体生成的代码如下：

其他浏览器生成的代码是

其中这句<!--[if IE 7]><!--></a><!--<![endif]-->  IE6读到 <!--[if IE 7]> 的时候就会把 从<!--[if IE 7]>到<![endif]--> 中间的内容全部忽略掉，而IE7会读取<!--></a><!-- 由于<!--><!--  这个都是<!开始的所以IE7会视为无效代码。FF浏览器读取的时候确不认识<!--[if IE 7]> 只是把它解释成为普通的注解，于是就变成 <!--  [if IE 7]><!    -->这是一部分注解，然后读取</a> <!-- <![endif]  -->后面又是一部分注解。这样 就只是除了IE6不认识这个</a>以外，其他的都认识。

稍微给他加点点CSS。这样就基本上原理都解说完了，以后怎么美化就和普通菜单没多大区别。

下面是网上找来的这种方法的菜单。这种方法有点牵强，就如同某某人画的css房子一样的。我还是建议大家用JS写2级菜单，等IE6淘汰了，2级菜单就再也要用JS了。

直接复制就可以用了。原理我已经详细解释过了，至于怎么发挥就得看个人的经验了。至少我不喜欢这种菜单方式。