待续…

我常常处理鼠标事件背景图时为了图便捷，直接用PS切片，复制一个再用PS调整一下颜色作为鼠标经过时显示的图片，直接采用两张图片，一张作为当前一张作为经过时显示。这样做方便以及节省一点点带宽，但是弊端就是加载页面时并没有载入鼠标经过的图片（也就这里节省了），而鼠标经过时才载入图片。这样可想而知的结果就是鼠标经过时有个短暂的图片消失的情况，当浏览器缓存图片过后此情况就不会发生。

这是使用鼠标伪元素切换背景CSS -两张图片

#bt1{ background:url(bt1.jpg) no-repeat center; width:88px; height:31px;}
#bt1:link, #bt1:visited {background:url(bt1.jpg) no-repeat center; width:88px; height:31px;}
#bt1:hover {background:url(bt2.jpg) no-repeat center;width:88px; height:31px;}

页面载入时加载第一张图片（bt1.jpg），当鼠标经过按钮时加载第二张图片（bt2.jpg）

#bt2{ background:url(bt12.jpg) no-repeat 0 0; width:88px; height:31px;}
#bt2:link, #bt2:visited {background:url(bt12.jpg) no-repeat 0 0; width:88px; height:31px;}
#bt2:hover {background:url(bt12.jpg) no-repeat 0 100%;width:88px; height:31px;}

通过限制div长宽尺寸，利用定义背景图位置达到切换效果

为了改善此问题我们可以把两张图片合二为一变成一张图片，这样就能在载入页面时就载入图片，缓存图片，从而鼠标经过时即时的切换图片位置，达到鼠标经过变 化效果。

演示页面

普及一下基础常识，老鸟就无需浪费时间啦

简介：当约翰教授出人意料地宣布辞职后，朋友和大学同事都颇为震惊，他们临时在他家里聚会，敦促他解释一番。但约翰提出的原因令他们大吃一惊：约翰声称他有不死之身，生存了14000年，并且不能呆在一个地方超过10年，不然他秘密会被发现。

观后感：这部电影场景极其简单，拍摄也无任何特技效果，也没有任何动作，就是一场讲述对话，一段对于生命和来源的对话。其中蕴含的内容实在很多，整部电影不知不觉的就看完了，节奏稍快，来不及消化就开始接受新的内容。

可能观众观看后会有很多争议的地方，导演也很巧妙的安排了角色，你就是其中一员。不要用你所认知的知识去评论电影，不要用偏激态度去观看，不要用真实的想法去想象。

过年是一个旧的结束新的开始，这日子很重要，是转折，是希望，希望新的一年有新的起步新的飞跃！

过年是人生分段的标记，标记着上一段已经完成，下一段马上来临，你准备好了吗？准备迎接新春

不好的让它过去，努力让以后更好，新年快乐！

由于自由自在的生活着，逃避压力，逐步形成了一种懒惰/逃避，对生活，对你对身边漠然。不思进取，这影响一生，决定一生以及家庭未来生活优劣。

惰性

从看见路上看一枚一角面值的硬币，可能你会因为它的面值过小而不想弯腰捡起来

关心

从这么做很多余，而她就需要你多余，这就是关心体贴，哪怕这有点天真，有点傻

借口

你会常常为自己的过错而辩驳，死的能说成活的，反之你常常这么做活的也会变死的，不许找借口

逃避

你会因为外面喧嚣，车水马龙，人来人往，而不愿融入其中，总想找个安静的地方独乐乐，逃避现实

沉迷

小情人（电脑）纵然听你使唤，满足你，但它只会让你学会“是”和“否”，不能沉迷

行动

你会对一些要做的事情前后思绪，预计最终结果好坏，因为结果不佳而不努力去实现，任何事情没有做过就不知道任何结果，预计难题，排除难题

承诺

不要用嘴巴承诺，要用行动承诺，努力实现承诺

家庭

享受生活，但不要停下脚步，背着你的家人从一块只能容纳你自己的石头上跳跃另一个能容纳你所有家人的地上。

这篇文章写给自己，作为告诫自己，时刻提醒自己。文字间不乏幽默，但其实我连嘴巴都是苦的，最后谢谢她给我方向，指引我。

前些日子，为客户制作了一个企业网站，当客户使用后台上传图片，前台无法显示，我进行检查所有操作正确。于是我上传图片结果前台显示，我当时就纳闷呀，（当然期间还经过一些我用火狐他用IE的情况）难不成这就是RP问题？最后进行详细的排查结果发现客户上传的是CMYK颜色模式的JPEG图片，IE是不能支持这种颜色模式的，可能因为CMYK和RGB之间转换会造成较大的颜色误差吧（显示器是RGB色彩模式）。

到目前为止微软的Internet Explorer 浏览器IE6,IE7,IE8都不支持CMYK颜色模式图像，除IE外其他浏览器均能支持，而通常网络上使用的基本都是RGB色彩模式

下面是两种模式的测试图，有条件的可以用IE和FF测试一下：

头部图片正确的色彩显示对照

经过一番排查最终找到问题：

在Windows中，如果文档、网页中设定的字体比较大，那在显示时就会出现边角的锯齿，影响美观。其实Windows XP中已经自带了解决方法。

1.右击桌面空白处选择“属性”，在弹出窗口的“外观”选项卡中点击“效果”。

2.勾选“使用下列方式使屏幕字体的边缘平滑”。

3.在下拉列表框中选择“清晰”，点击“确定”。

Google DNS的目标是速度、安全性和有效性，它意味着完全没有劫持、没有阻截、没有过滤的DNS查询，而且速度飞快。

我做了测试：

1.国外网站解析速度明显加快，国内网站解析速度一般，但不亚于国内ISP提供商所提供的DNS.

2.网址输入有误直接跳转谷歌搜索，而非ISP提供商提供的页面（例如国内电信的114）.

3.确实免费（哈哈）

4.你若不信，设置后访问本站，那速度真叫唆一声开了

教教菜鸟们如何设置谷歌DNS

控制台——网络连接——本地链接>右键>属性——Internet协议（TCP/IP）>双击

首选DNS服务器：填入8.8.8.8

备用DNS服务器：填入8.8.4.4

点击<确定>完成

详细介绍：使用谷歌公共DNS（英文）

在做div+css主题时我们经常会考虑到两栏，左右栏，当然实现的方法有很多，但我喜欢float-left-right解决。这样能两侧都能靠边，也无需输入确切的大小（px），使用%就可以。但float-left-right之后会有些兼容问题产生。

所以本文想你介绍如何兼容：

未加入overflow溢出隐藏 ，使用float：left和float：right之后导致div失控

加入overflow溢出隐藏后，使class=”a”在float：left和float：right之后依然能控制子div，但不能兼容IE6

加入overflow溢出隐藏后,由于overflow在IE6下必须要高度才能有效，所以加入height:100%使其兼容

粗糙的讲了一下overflow:hidden   height:100%

演示地址：http://code.hi1980.com/css/css-overflow.html