鬼の领地

今天做投票系统的界面的时候又遇到了那个问题：用图片表示的部分和纯色部分衔接有问题。我开始还以为是我当时编写的时候就有问题，由于显示器的缘故儿没有发现。今天想解决一下这个问题，找找原因。

我先打开了 GIMP，把用的背景图片打开，取了颜色，发现颜色就是其他部分的颜色。我就奇怪了，从数值上说应该是一样的才对。然后我就取了 Firefox 里面的色，发现 Firefox 里面图片对应位置的颜色被修改了？！

下面是一个关于这一 bug 的演示：

如果你看了觉得看到的是一个完全的纯色的区域，那么说明你没有遇到这一问题。但如果你看到不是一个纯色区域，那么就说明你也遇到了同样的问题……找了一圈，没有发现相关的中文资料，觉得非常无语，难道都没人发现这么严重的问题么……
Read the rest of this entry »

17号的时候虫子向我求助，想要我帮忙做一个支持海地的小网站。大体的思路就是，在上面的放一个大地图，然后大家可以留言、上传照片什么的，然后就在地图上出现亮点，然后亮点点进去可以看到留言和照片~这个网站已经进入公测了，大家可以在这里查看：Haiti <3（话说我曾经问虫子“<3”是什么意思，她告诉我，是爱心的意思~）

我猜从来没做过网站的人一定会觉得这个很简单，但我觉得一点都不简单……不过似乎可以实现~这种无疑又是对我技术的一次挑战！
Read the rest of this entry »

经过约两周的努力编写和调试，终于在昨天晚上完成了。因为做这个网站的缘故，再次新学习了大量东西，比如 jQuery，以及 Linux 下 Photoshop 的替代品 GIMP 等。同时也权当是一次练手，毕竟很久没写这种东西了。不过这次又一次与 IE 的 bug 及非标准化进行了顽强的斗争……

我要记录下在这个过程中遇到的种种问题和解决方法，以后再遇到就有地方查了~
Read the rest of this entry »

我真是不明白，作为微软有史以来最优秀的操作系统之一的 Windows XP 为什么要配一个如此愚昧的浏览器——IE6！今天一个晚上就耗在与 IE6 的斗争中了，为了新的 Flash 上传方式……

写下今晚的收获吧……

首先是很早以前就知道的，IE 里面隐藏的 Flash 会被无效化，也就是什么都做不了。放在今天就是，如果我想让那个上传用的 Flash 消失，后果只有一个——上传无法进行……这是非常无奈的事情，而且更重要的是，IE6 和 IE7 皆为如此。

但与 IE6 抗争更艰苦一点：在 IE6 中，只要一个 Flash 曾经从界面上消失过，这个 Flash 就不可用了，至少是不能用来上传了，不能调用其相关函数了……这是一个非常严重的 bug！这意味着，只要其消失一次，就要删掉原来的 object，重新创建。这件事是我今天好不容易才查到的：Uploadify doesnt fire uploadifyUpload/uploadifyClearQueue，非常佩服发现这个 bug 的牛人……

然后最后一点，是如果一个 Flash 在建立之时就是隐藏的，似乎也会出问题……不过不是很确定……

唉……IE6 啊 IE6……我多么想像我在我的首页做的那样直接把你屏蔽掉啊……

可以浏览upsuper.org或www.upsuper.org参观~

不过我的美术不怎么样，让各位见笑了……这是我两三天之内赶制出来的，因为拖久了最后又是没结果……

特别的，这次完全取消了对IE6的支持，如果用IE6访问这个页面，会自动跳转到下面的页面：

即不允许IE6访问。

为什么要这样呢？主要是中间那个大图是png半透明的，IE6不支持。当然，我知道有不止一种方法可以解决这一问题，但我无论如何都不想继续忍受IE6这种愚昧的浏览器！因此选择了不支持……

今天基本完成了我网页制作的任务，其他人的幻灯片和书应该也基本完成了。刚刚把那个上传的上面：http://mondialogo.upsuper.org/。

最早是Neipoor初稿设计的，后来为了体现交流，对其设计做了些许修改，就成了现在的样子。主要修改在几个地方：一是宽度由原来的1024减为980；然后是在那边加了两国国旗；还有就是给那三行字加了我很喜欢的投影效果~另外就是加了很美的鼠标放到链接上时会有发亮的效果，不过IE不支持（使用IE7测试），我的Firefox和Opera都支持。据说支持没有href属性的标签使用hover伪类是CSS2的特性，所以IE不能完全支持……另外就是加了下面的footer，是我后来使用Neipoor留下的素材独立制作的，个人觉得效果蛮赞的说。

这次里面的导航栏完全没有使用A标签或者MAP标签，而是用了新的方式——DIV+Javascript。我个人觉得这种很大的好处是链接放置的位置相当自由，而且很符合我要在背景图上放链接的要求。这次的排版是靠TABLE排的，不过可以几乎认为是absoluted的DIV。个人觉得这次做的不错~