去年的这个时候，刚刚忙完改版，心犹如突然抽空的的酒瓶，需要填满空气，我的blog曾经挽救了我－－许多CSS架构技巧和体会喷薄而出。如今，我的blog荒芜，心中更长满了杂草，清醒的只有时间线，被死命令追着跑。

用户应该有哪些权利？在系统设计中，设计/架构师处于顶层，而用户往往位于底层（应用实践），对于系统的了解程度而言也仅限于使用。所以有人认为用户体验和知情权是相矛盾的，用户只需知道他所进行的操作足以，至于"是什么"，"为什么"之类的问题完全不需考虑，但是这样和"盲人瞎马"又有何异？用户对系统的熟悉程度不一，应用操作中他们常常会遇到这样那样的问题（尤其是初级用户），于是积极型的一部分（约30%）采取咨询（如果在恰当之处留有电话或者邮箱等联系方式的话，采取电话方式的又会占据其中的80%以上），大部分在简单尝试之后就会放弃了。这种带来茫然无助感导致放弃的体验显然是非人性化的。我认为用户应该具有一定的知情权，因为在生活中，我们也是用户，只有切身体验才会带来的换位思考。

昨天中午1：00整，新站终于发布了，邀请了两位同事帮忙测试，本以为应该不会存在什么问题，毕竟CSS+DIV改版已经不是第一次了，以往都很顺利，这回却漏了不少文件，比如HTML背景图片了，切换图片的Flash等等。此外，同事还帮忙发现了许多固有的问题，比如断链，内容错误等。内容太久没有更新了，自从2004年以来，错漏是难免的。当然主要的问题还是得自己出马：

对于CSS、JS在不同浏览器的兼容问题，我们已经讨论过很多次，上一篇名为"兼容IE6，IE7和firefox的菜单"的文中提到过菜单对不同浏览器的兼容问题，除了浏览器对css属性标签识别的差异外，还有个实质性的问题，就是菜单和其他div层重叠问题。文中我们最后通过设置不同div层的z-index属性（注意，两个比较的单位必须有一个是absolute属性）解决了此问题。接下来是js图片翻转特效的浏览器兼容问题。

需求使然，需要实现图片翻转特效 ，类似诸多大型网站上滚动的图片新闻。大凡特效，JS一般都可实现，而且用JS，却酷似Flash，非常绚。记得以前做过的小东西，直接拿来用了。

年末了，一个人继续加班，领导又安排了作图的活（理由是没别人会），可是今天却没有激情，打磨掉了吧，上上网，总结下近期CSS＋DIV的经验，再去Libus那边晃悠一圈，发现一些就为的图林blog链接，狂点之后，最后剩下的一堆页面又只剩下了游园老师的。

网站改版，忙个半死。从之前的用户调查分析总结，到样图设计、网页成型，浏览器兼容问题css和xhtml验证，终于搞的差不多了，尤其是及众多的吸引眼球的小图标煞费苦功也。页面中部还有个大幅更换图片，作为单位每段时期重点推荐的项目，本想可频频更换，只要有人提供，结果却是要自己来做，所有费心思的设计都是给自己上的套，生怕绳子不经用，加粗加韧后再套到自个儿颈项之上，何苦也。

为了实现某种菜单效果，已经忙碌了好多天，依旧存在一些问题没有解决。菜单样式如下：

前些日子设计站点时，看到了一些斜角菜单的导航形式，如Indiana University Library .等少数国外站，但是大概查看一下代码，多为js实现，害怕兼容问题，没有使用。不过如今，利用纯CSS也可以实现斜角菜单了。关键在于倾斜的平行四边会造成首尾两个按钮的重合区，因此设置背景就是重点。设定时需固定li a 的宽度为单个倾斜四边形的宽度。然后使用相对加绝度定位调节他们相互的距离。让他们首尾有重叠区域。也就是切图时候拉开，定义时候拉近，很简单的思路。这样背景需要用到通明gif 或者png，才会放置重叠区域相互遮挡效果还是很绚的。

效果图. :

 

本想做个select option框完全隐身的效果，查找了诸多资料，结果发现《网页设计专家门诊》上的方法最为可行，也就是做两个层，下面的为设定的select选项框，而上面的层设定width和height小于select框，相当于作图中的遮罩，则可以做到将select框的上下左右边框隐藏，但是下拉框的箭头就不行了－－即如要达到"隐身"的效果几乎是不可能的。无奈，CSS一旦碰到win的组建，简直就是秀才与兵～

问题还是需要解决，设计效果需要尽最大的力量来实现，如果不行则修改设计方案，这是后话了。重新审视问题后发现，需求是实现"下拉框隐身的效果"，并非是"让下拉框隐身"，那么同样的效果则可以有不同的方式，其中使用CSS下拉菜单是最简单和最可行的。