豆半Cooldou

网页PNG透明支持(IE6、IE7、firefox下测试通过)

Wed, 18 Aug 2010 15:46:57 +0800

把以下代码保存为correctpng.js
function correctPNG()
{
for(var i=0; i{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title

毅狮迈首页设计搞

Mon, 16 Aug 2010 23:55:33 +0800

最近一边在学习新的知识，一边在温习旧的能力，一边在找工作喜欢的工作。这是我没事在猪八戒上找了个投标项目做了几个首页设计。

我一直在努力！一直继续着！

Thu, 05 Aug 2010 14:30:53 +0800

已经休息了一段时间，应该是要开始工作了。最近开始写了简历，开始寻求新的职业发展方向。除了自己投了一些喜欢的职位外，还意外的收到了两家猎头公司的电话，其中一个职位沟通后自认为可能无法胜任，另外一个感觉可以胜任目前正在沟通中。不管结果如何，我想这也算是对自己能力的一种肯定吧。不断学习不断提升自我，才能跟上社会的步伐，我一直在努力！一直继续着！

CSS Hack 和向后兼容

Tue, 03 Aug 2010 15:22:37 +0800

人一旦习惯了某些东西就很难去改，以及各种各样的原因，新的浏览器越来越多，而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容，CSS HACK自然而然地被我们想起。今天，我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事，需要我们有统一的规范来进行Coding，以方便维护。而解决兼容的方法就是（必须是，因为这才最容易有问题的）其中一个最重要的、要解决的规范之一。

在解决兼容方法上，想定出一个统一的规范，个人认为应该以下面3点为基本原则：

权衡成本：在浏览器被淘汰后，如何快速清理掉无用代码
可维护：在资源成本和完美间平衡的向后兼容
可读：省力、易记
这里把成本放在了第一位，并不是说我们不愿意追求完美，而只是，太刻意追求完美有时候可能会阻碍我们前进；在成本后，应该是可维护和可读，这点对于团队的合作来说至关重要，而最终结果也是为了减少成本。

[if IE 6]>与
Fri, 30 Jul 2010 16:30:16 +0800
< !--[if IE]>
这里是正常的html代码
< ![endif]-->

1，条件注释的基本结构和HTML的注释(< !-- --> )是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。
2，IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。
3，条件注释使用的是HTML的注释结构，因此他们只能使用在HTML文件里，而不能在CSS文件中使用。
可使用如下代码检测当前IE浏览器的版本（注意：在非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]>

用!important解决IE和Mozilla的布局差别

Sun, 25 Jul 2010 16:22:05 +0800

!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权(参见：W3.org的解释)。语法格式{ sRule!important }，即写在定义的最后面，例如：

box{color:red !important;}
最重要的一点是：IE一直都不支持这个语法，而其他的浏览器都支持。因此我们就可以利用这一点来分别给IE和其他浏览器不同的样式定义，例如，我们定义这样一个样式：

.colortest {
border:20px solid #60A179 !important;
border:20px solid #00F;
padding: 30px;
width : 300px;
}
在Mozilla中浏览时候，能够理解!important的优先级，因此显示#60A179的颜色：

在IE中浏览时候，不能够理解!important的优先级，因此显示#00F的颜色：

X-UA-Compatible meta标签

Tue, 13 Jul 2010 14:56:12 +0800

In IE8 Beta 1, that option is the “IE=7” X-UA-Compatible tag, which instructs IE8 to display content in IE7 Standards mode. However, the scenario this doesn’t address is when IE=7 is applied as an HTTP header to a site that contains Quirks mode pages. The IE=7 HTTP header will force all pages – both Quirks and Standards – to display in IE7 Standards mode. Developers using this header while

手指与金砖

Wed, 07 Jul 2010 20:19:54 +0800

　　有一个穷人，对神仙总是十分虔诚。神仙被他感动，决定帮他一把。
　　于是神仙在他面前显灵，用手对着路边的一块砖头一指，砖头变成了金砖。神仙把金砖送给了穷人，可是这个穷人并不满意。神仙又用手一指，将一尊大石狮变成金狮，一并送给他，可是他还嫌太少。
　　神仙问他：“怎么你才满意呢？”
　　这人支吾了一阵，说：“我想要你的这根手指！”
　　你可能会说：“这个人太贪婪了。”可是实际上他才是最聪明的人。金子总有用完的一天，到那时怎么办呢？最能保证一生衣食无忧的就是拥有点石成金的手指。
　　现实生活中，没有谁具有点石成金的技能，我们要想生存和发展就必须靠自己的努力，不断地学习。当然我们也会得到别人帮助，比如我们的父母会留给我们一大笔钱。这时，我们能停下提升自己技能的脚步吗？有人停下了，但在将财富挥霍一空时，他们才后悔自己当初的选择；而另外一些人则不断地提高自己的综合能力，拥有了“点石成金的手指”。

精彩的1/4决赛

Tue, 06 Jul 2010 22:18:01 +0800

本届南非世界怀1/4决赛相当精彩。足球场上的跌荡起伏，心情随时上天入地的变化，80年难遇的3分钟，还有我喜欢的阿根廷喜欢的梅西...555

脚伤后的恢复性锻炼

Wed, 30 Jun 2010 22:01:01 +0800

我脚从受伤到现在已经3个月，应该算好了（下雨天或弯曲久了会有点痛的感觉）。所以最近开始进行恢复性的跑步。不知是3个月没动过，还是老了。。。真是跑不动了。以前能跑5圈的地方，现在跑2圈就受不了。。。上气不接下气。。。不过还是要坚持锻炼下，不然肚子越来越大了- -!