深山老林

“好久没有更新blog了”发现每次一写日志，都少不了这一句。交互设计现在也成了一个热门词，到哪都总能听到交互这交互那的，当然工作上也少不了接触到交互。每每跟臭鱼聊到交互，总会提到“以目标为导向”的交互设计——以用户的目标为设计的主导，任务越少越好。貌似是怎么说的。

有个例子：“比如有一个人想从A地到B地去，古时候是要几个任务要做：

带上枪拿上足够的钱租一辆马车而现在如果也是要从A地到B地去，所要做的任务就不一样了：

不能带枪拿少量现金定机票虽然是完全不同的任务，但目标是一样的：从A地到B地。如果有个人帮你把这些任务提前给你安...

在BLOGBUS建了个群组——CSS森林，欢迎各位同行加入，分享下经验、技巧。

群组：http://groups.blogbus.com/cssforest.html 

CSS森林（QQ群：30247792） 欢迎走 Web 标准之路，玩CSS的朋友加入。精神正常者慎入！

记念俺学标准一年了，同时也记念这个Blog三周岁的生日（貌似已经过了-_-||）给个“裸体”示众。

 谢谢每一个关心我、帮助我、支持我的同学、同行…… 

IE条件注释很多人都知道了，今天才知道，原来它也可以对非IE的浏览器起作用。嘿嘿，想知道吧。

 我们所认识的IE条件注释是这样的：

==============HTML===============
<!--[if IE]> IE的内容<![endif]-->
================================= 

看这个了解一下：IE条件注释参考

如果是非IE的浏览器，会把这一段也当成一个注释，当然也就不会起作用了。所以要这样写：

==============HTML===============
<!–[if IE]><![if !IE]><![endif]–> 非IE可见 <!–[if IE]><![endif]><![endif]–>
================================= 

这样非IE的浏览器就可以读到里面的内容，而IE则因为里面的条件为真而不显示内容。

例子在这：猜猜你用的浏览器是？

近来有点麻木了，面对一堆工作也不会冒冷汗。觉得生活为啥要那么累？上班时间上班，下班时间下班，多好？理想是什么？一种动力，也是一种负担。生命是一个过程，一个认知生命意义、了解生命的过程，明白最终是为了什么而死，生命也就完结了。说白了，人是为了死后能在别人心里活多久而活着。

无语了，该怎么活怎么活去…… 

...

在CSSPlay上看到了一个垂直居中的例子，感觉还是不错的，跟大家分享一下：

======================CSS=======================
.holder{
 width:740px;
 height:300px;
 border:1px solid #777;
 text-align:center;
 display:table-cell;
 vertical-align:middle;
}
/*以下样式针对IE*/
.edge{
 width:0;
 height:100%;
 display:inline-block;
 vertical-align:middle;
}
.container{
 vertical-align:middle;
 display:inline-block;
}
================================================

====================HTML=======================
<div class="holder">
<!--[if IE]><span class="edge"></span><![endif]-->
<!--[if IE]><span class="container"><![endif]--><img src="http://img68.imageshack.us/img68/8708/mylogo9we.gif" alt="Homework" title="Homework" />测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容<!--[if IE]></span><![endif]-->
</div>
=================================================

代码改动了一点点。有两点必须要注意的：

1. HTML中IE条件注解部分的标签要用内联对象标签。
2. “<!--[if IE]><span class="edge"></span><![endif]-->”要放在内容之前。如果放在之后，内容是中文时会不能居中。

ImgView的加强版，可惜现在只能在FF跟IE7里显示正常。-_-||

难题，有空再搞过……

Demo

昨晚心血来潮做了个CSS的图片浏览效果，貌似很常见……

还是看看 DEOM 吧。