博客”大”改版

考完电磁场,到考数字逻辑之间还有几天的时间,复习不是很紧张了,

还没买新车,有点无聊,

看看博客的主题,基本原样那的别人的,

嘿嘿,今天就把它萌化,

先把背景换成初音,不过要搞定分辨率的问题,

原图是1280*800的,刚好符合我的屏幕,不过也有很多人不是的,

像周围几个人都是1366*768,要比我的宽一些,

高度是没问题的,宽度有点不好解决,

根据我的知识,好像没有可以直接拉伸background-image的代码,

原图初音是在中间的:

不过中间要显示文章,把初音遮住了多不好啊,于是用PS把图稍微改一下,从中间分开,放到两边,让初音从文章两边露出来,

然后background-position:top,让图在顶部剧中,background-repeat默认,background-attachment:fixed让图片不随页面滚动,

这样如果背景宽度不够,图片在两边重复的时候就可以接起来,

中间部分接起来的时候有条线,用PS抹一下,大概看不出来就行,毕竟遮在文章底下,

不过初音从中间挪两边的时候一定要注意,高低一定要一样,不然接起来,脸错开了……

这些搞好了,有些配色还是要再改一下的,原来是有点黑色调的,要改成蓝色调,

改来改去始终调不出好效果,而且越来越难看,果然业余的就是弱啊……

后来发现显示每篇文章发布日期的地方有点半透明,看了一下那里的代码,

background: rgba(0, 0, 0, .15)

估计后面那个.15应该是控制透明度,试了一下果然是,然后大面积套用,立马好看多了,

结果换到别人的电脑上,这些效果全部显示不出来,网上一查,原来这代码是CSS3,

我用chrome可以显示,那些IE内核的国产浏览器,几乎都不能显示,

IE8和IE9还算可以,基本正常,而IE6和IE7基本就是web开发人员的噩梦……

国内号称极速,安全的各种浏览器都是个IE6或7的外壳而已,让人蛋疼,

只好为了兼容性在做张png的半透明图,还好可以repeat,做非常小一块就行,就几个字节,

全部替换背景图以后,兼容性大大提高,

不过打开IE6,我又傻了,尼玛IE6连png都不支持啊,艹,老子不管你了,你去死吧!