Weird Issue - Line NotFound

疑难杂症 : 找不到的线

img


#找不到的线

##起因
在最近的工作中,遇到一个简单地不能再简单的需求,把图片里的一条横线改个颜色。

拥有多年PS(涂鸦)经验的老夫以为可以秒杀这个需求,万万没想到,竟花费了我几天的时间才搞定。

##分析
按照常识,那条横线一般都会是一张图片,找到源文件PS一下就搞定。

但是,当我查看放图片的目录时就震惊了,木有!!

img

##困境
这时我就下意识地觉得这条简单的横线可能是用js+css绘制的,瞬间觉得原作者高大上起来。

可是在查看了所有的js和css代码之后,我陷入了深深的绝望之中。木有,还是木有!!!

##排除
在我陷入困境几天之后,好心的同事S提醒我试试排除法。
于是经过一轮HTML的注释之后,我找到的Root Cause!

##解决

1
<body background="bg.png">

放大图片一看,焕然大悟!!

img

原来还是图片,不过是用一条很长的竖线里一个很猥琐的点,去平铺而成的横线!! Orz


#总结

##答案总在不经意的时候逃过
1.有些问题的确不容易一下找到答案,往往解决方案就在附近却视而不见。

2.人往往容易往复杂的地方去想,蓦然回首却发现答案很简单。

3.实在不行的时候,试试排除法吧。囧

##吐糟
最后吐槽下这个设计,这样高明(猥琐)的设计往往带来维护的复杂性。

很多时候,还是Keep it simple 比较好。