我的天

今天单位的车异常紧张，所以我被分配到坐主任的车回家。领导有饭局，所以在一个非寻常的地方把我放下，只要到了广州，放哪里我都能回家。就像给了我Windows系统，我都能操作运用得当，虽然有些可能不怎么纯熟。今晚是从棠下附近回家的，那个地方离琶洲大桥北非常的近，只要是过琶洲大桥的，过桥后不往左拐的车我都合适。在方向和坐车方面我还是很自信的。由于差不多比平时晚了大半个小时离开，所以回到家已经是晚上7点半。

马上开机，马上把WIN7下的IE8升级为IE9，感觉呢，比在单位的虚拟机里升级要快。可能是电脑的原因，也可能是IE9比IE8靠谱的原因，网页秒开！

然后呢，我马上装VirtualBox，不能在下载安装IE9的时候安装VB，因为VB安装过程中会有个断开网络的过程，这样我的IE9就歇菜了。所以呢，在IE9缓慢下载安装的时候我把U盘里的各种东西都先移动到电脑里。

要用ghost在VB装系统，我也不用去尝试了，反正先用PQ分区格式化就好。WIN7和XP真不一样，VB里XP默认192MB内存就够了，WIN7是512MB！虚拟硬盘，XP 10GB，WIN7是25GB！安装出来的系统，VB的vbi文件，WIN7通常都要3GB以上，但XP 1.5GB左右就够了。安装时间更是大不同，ghost的过程，单位的1GB内存XP装WIN7要起码大半个小时，但家里的4GB内存WIN7装XP 1分钟就好了，我简直看傻眼了！

值得重视的是，在WIN7里VB安装镜像ghost通常在还原完毕重启进入XP继续安装的时候都会遇到蓝屏问题。蓝屏啊，经历过Windows 98的人都会对那个心有余悸。还记得高中时当年金山毒霸让我的98蓝屏不断，吓晕了。大学时期，室友那有问题的硬盘不时就蓝屏。

关于VB下虚拟XP的蓝屏，我遇到的情况是这样的。第一次装的是（修正）金狐XP SP3 (IE6/IE8，GHO/WIM) 极致系列[4+1+1] 【唯美之最，快稳兼备】，蓝屏，于是我转为安装雨林木风 Ghost XP SP3 快速装机版 YN2012.6 [NTFS]，一样，开始以为是版本问题，但现在，事实证明这应该是共性问题了，就像VB装ghost不能直接自动ghost一样。

上网找找，办法是必须有的，比如说这个。

我的解决办法是PE下ghost完毕后不马上重启，而是进入C:WINDOWS/system32/drivers下，把processor.sys和p3.sys分别重命名为processor.sys.bak和p3.sys.bak。然后再重启，这般操作后，今晚装的2个XP都没有再遇到蓝屏问题鸟。

今晚第一个安装好的是雨林木风 Ghost XP SP3 快速装机版 YN2012.6 [NTFS]。

家里的I3 4GB下的WIN7就是不一样，可以使用无缝模式，HOST+L，不仔细看，你真不会看出这是2个系统来，主系统是WIN7，上面的XP是虚拟货。

家里的显示器是19寸宽屏，最大分辨率是1440*900，所以在XP下，我的极限就是1024*768了。

这是窗口效果。

哈哈，我是今天才知道如何在XP系统下如何修改管理员名字的，真是后知后觉。

非常简单，就是在开始-运行里输入“control userpasswords2”，然后双击administrator改掉就好。WIN7下，改那个太方便鸟，管理员直接就能改名字。

在折腾蓝屏的时候我又下载了一个金狐号称没有bug的金狐GHOST龙祥系列[6+1] WIN7/XP 64位/32位 【龙年精品，狐友珍藏】。雨林木风的是装机版，所以装完以后我还要很神经质地往回删软件，后来这个金狐，我是看准了纯净版才下手的。

相比之下，金狐的安装更快，因为雨林木风还有一个解压常用软件的步骤，金狐纯净版除了系统本身就只有驱动了。

有对比有真相，我开始以为是幻觉，后来意识到完全不是！！！

金狐纯净版开机只需12秒，关机只需5秒，而雨林木风开机需要近30秒，关机也要近10秒，巨大的差距啊！！！！两个版本XP，金狐的vdi占1.67GB，雨林木风的占2.08GB。

有对比有真相，在什么都不开的前提下，两个系统的数据是这样的，内存用量大概相差10MB。

在同一个IE8网页的环境下，两个系统的数据是这样的，相差13MB，但感觉大不同！金狐的网页，秒开，我双击完它的IE然后双击另一个窗口里雨林木风，我才刚点完雨林木风，金狐的就已经完全展开了，而雨林木风的，从我点到网页完全展开起码要10秒。

我已经成为金狐的忠实粉丝了！！！！！！！！单位的WIN7是金狐纯净版的，家里的XP也是喜欢金狐的纯净版。不过呢，金狐的装机工具里没有PG或者PM，所以我要留一个有PG的雨林木风系统来先格式化虚拟硬盘。

地球人已经无法阻止xrspook神经质了，哇咔咔～～～

经历过微软官方WIN7IE8无法更新为IE9，经历过下载一个精简版WIN7无法识别网卡，经历过下载2个ghost完整版WIN7无法自动安装，最后，我终于在一个XP iso的PQ分区格式化后安装上了某ghost完整版的且自带IE9更新的WIN7！内牛满面～～～

之前，我没玩过虚拟机。

之前，我没试过裸机装系统。

之前，我没试过PQ/PM格式化。

之前，我没试过用ghost。

之前，我没试过自己装WIN7。

之前，我也没成功过在WIN7里IE8升级IE9。

之前，我不知道网络不通没有网卡如何让虚拟机和实体机共享文件夹。

但在两天内，这些玩电脑最基础的工作，我都学会了。这般折腾，纯粹是为了在XP HOME EDITION的系统下用IE9测试网页！我是不是神经质的呢？有人会和我一样执着干这个跟我工作/专业毫不相干的折腾事吗？

好吧，这就是成绩了！

Oracle VirualBox下运行的Windows 7，当然了，WIN7中运行的就是大名鼎鼎不跟XP玩的IE9。

有F12有真相，现在这个界面是标准的IE9模式。

由于这个是完整版的WIN7，所以系统还附带了很多杂七杂八的东西，其它我都卸载光了，唯独Microsoft Office 2003和QQ2012怎么都搞不掉。

现在估计没有人会用加起来25才GB的硬盘了，哈哈，因为这是虚拟器里的玩意嘛，一切皆有可能。

有留意到我设定的计算机名吗？DESTINY！！！！！意思是虽然期间坎坷，但我总会走到这里。

上午我装的是雨林木风 Ghost Win7 SP1 快速装机版 YN2012.06(32位)（自带IE9） 装完以后，占用硬盘7GB多，我不甘心，下午又装了一个金狐windows7sp1完美精简GHOST版，IE8升级完IE9后占用硬盘3GB多，我满意了！后一个系统完全没有自动安装这样那样软件，最喜欢了！只要能保证上网，只要IE9能运转顺畅，对我来说就足够了。

每天都有所得真的很高兴，但不开玩笑，几天下来，光是系统装机文件我就下载了不下10GB，幸好单位网速给力，才让我有可以放手折腾的资本。

PS：必须记录一下VirtualBox下如何安装ghost系统！！！！！直接自动安装是不行的，会显示出错，所以必须地用PQ/PM（貌似除了这两个，其它的我都没成功过，跟ghost一样无法运行）对虚拟硬盘分区格式化，然后进入虚拟光盘的Windows PE，在那里把系统ghost到系统盘。需要说明的是在PQ/PM的时候必须把你理想的系统盘设定为“作用”。ghost操作不能用虚拟光盘列表里的自动模式或手动模式，必须进入PE再ghost。这个不能直接ghost的硬伤听说VM不会，我觉得这源于VB的动态分配，不过这个原因我纯粹瞎掰啦。反正呢，简单来说在VirtualBox下装ghost系统就是要分区格式化后再在PE里ghost。VirtualBox下安装WIN7的完整教程请这边走。

试图强行理解点点的mars教程，未果。一些东西是前台的，一些东西是后台的，前台的我明白怎么着，但后台的，我可以怎么办呢？不只是.js还有.json等等。我的瓶颈是一点都不知道它们到底何去何从，非常想插一脚，但不知道怎么插。

前所未有地，我觉得我真的非常有必要学习javascript了！深入地！

很久很久以前我就接触那玩意，但当时它给我的印象是用来在网页上玩花俏的，javascript和php不一样，php是服务器层面的，javascript是网页层面的。但现在，点点的模板核心mars是基于javascript开发的，也就是说那些不是花俏，只要你想得出来的功能都得通过js给服务器再返回数据。当js对我来说从华丽派转为实力派后，我必须的把这玩意拿下了！

昨天下载了VirtualBox，也下载了WIN7IE9的gho，但今天才发现VB不认识gho，于是只好重新下iso。那个传说中的WIN7IE9系统正在虚拟机里安装中。速度嘛，我不能说很慢了。经历过非ghost版的XP安装，神马都不能说慢鸟。从前安装一个XP就要起码2小时啊！

有时我真的怀疑如果我去读计算机专业现在会不会更牛X呢？还是，我在计算机方面现在展示出来的成绩只是我内在蛮劲的一个表现？可以在计算机方面展示，也可以在其它方面展示？可能吧，大概吧，也许吧，因为貌似我很想做到的事一般不会完全没结果，即便结果是mal而不是bueno，绝大多数情况下，结果不会mal的，因为对我来说我只允许mal是过程，mal后要继续努力，所以最终，你懂的。

什么才能让我绝望呢？不知道呢。有些东西会负面影响我，但睡一觉醒来以后，大部分都不复存在了。随着时间的推移，越发淡薄。

我年轻，我有时间、有精力，所以我要学习，去达到目标、实现梦想。

追求梦想是一个永不止步的过程，正是因为期间的不容易才让一切变得不是一般的有趣。

昨天发现了IE8的问题，我开始拼死地想做IE9的网页测试。最后，我装了微软的Vitural PC 2007，虽然，那个玩意说不兼容Home Edition，然后我下载了Win7-IE8的镜像文件，在解压过程中波折重重，其中包括首先把硬盘的东西移走，然后修改临时文件夹到最后的得知解压文件大小为近9GB的时候我不得不把原来FAT32的磁盘在数据没有备份的情况下格式化为NTFS。冒了很大的风险，经历N多困难，最后当我能在虚拟机里运行出英文版Win7的时候，那个激动啊！因为我下载的是IE8，需要升级为IE9。首先我需要解决的问题就是我必须让虚拟机上网，好不容易在NAT模式下自动匹配IE上网了，用了很长时间我才明白到这样的IE9升级可以说是不可能完成的任务。

我甚至要狠心装一个虚拟机去测试网页啊！我为什么要这样呢？因为从Goolge的分析数据看来，浏览我网站的人中有40%来自IE9，我必须照顾IE9的效果，同时，在中国，IE8以下是盛行的，所以，IE6-9是我必须面对的问题。

幸好，有网友做我的坚实后盾，帮我在IE9下刷新测试。谢谢他！但，如果可以选择的话，我希望一个人能把这些测试工作都完成好。

都说IE9不理会IE从前一直使用filter，事实证明不然！IE9会CSS3，但IE9没有把filter视而不见，而是偷偷地继续调用了那个滤镜。特别，当CSS3和滤镜同时在一个class里设定的时候，它两种都用上了！恰逢，我今天用到的是CSS的垂直翻转效果。

IE9下CSS3是这么表述的：-ms-transform:translateX(-100%) rotate(-90deg);-ms-transform-origin:right top;

IE9以下的IE版本，filter是这么表述的：filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

只使用filter，IE9下是这个效果。

CSS3和filter都出现在同一个class里，IE9下是这个效果。

只使用CSS3，IE9下是这个效果。

于是，谁还敢说IE9对filter完全没feel呢？如果真的没feel，应该像Chrome或Firefox那样鸟都不鸟，但显然不是。

昨天的问题有解决思路了——精准的浏览器选择！

我一直都觉得应该把代码都写在class里，当遇到IE9的时候kill掉一些。但无论我用filter:;，filter:-;，filter:none;等都无济于事，可能filter根本只能enable和disable。后来，点点的工程师提醒了我，减法不行的话，我可以用加法！我不一定要把代码全部都写在class里，遇到IE9减去，我可以直接不在class里写filter，而当遇到IE9以下IE时再加上！

哇咔咔，就是这个思路了！

所以最终，我在主体class里去掉了filter，在文件头加上了这么一段hack。

1
2
3
4
5

<!--[if lte IE 8]>
	<style type="text/css">
		.stitch_active > h2,.stitch_header > h2{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
	</style>
< ![endif]-->

地球终于被拯救了！！！！在写这段hack的时候出过一个笑话，我把“lte”写成了“Ite”，幸好被点点工程师发现了！尼玛，lI1（小写L、大写i、数字一）在某些字体下真的很难分辨的说。“lte”的意思是小于或者等于。

累并快乐着真好！

对Principe在IE8下的PNG黑边效果我耿耿于怀！（Chrome、Firefox等完美支持的表示毫无压力）

虽然，我知道这是IE9之前的硬伤！在IE9之前的IE7和IE8虽然已经支持了PNG的透明功能，但它是通过偷偷调用fliter滤镜实现的，这个bug在于，如果你再使用其它滤镜，那么PNG的透明滤镜就歇菜了。

昨天花了不少时间在这里，未果。我一直觉得这是CSS的问题，但实际上，这纯粹是万恶IE的问题。

为什么我的滑动标题会出现黑框呢？

这个滑动标题栏的XHTML是这样的

1
2

<span class="stitch_header"><h2><span>{$text.title}</span><b class="text-icon"></b></h2></span>									
<span class="stitch_active"><h2><span>{$text.title}</span><b class="text-icon"></b></h2></span>

部分CSS是这样的

1
2
3

.stitch_active > h2,.stitch_header > h2 {color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,0.5);font-weight:440;z-index:2;position:absolute;top:0;left:5px;width:450px;font-family:arial, serif;font-size:24px;-webkit-transform:translateX(-100%) rotate(-90deg);-webkit-transform-origin:right top;-moz-transform:translateX(-100%) rotate(-90deg);-moz-transform-origin:right top;-o-transform:translateX(-100%) rotate(-90deg);-o-transform-origin:right top;transform:translateX(-100%) rotate(-90deg);transform-origin:right top;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);margin:0;}
.stitch_active > h2 b,.stitch_header > h2 b {display:inline-block;position:absolute;top:5px;left:5%;text-align:center;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}  
.text-icon {background:url(http://x.libdd.com/farm1/5b7f4a/4a3b11a7/text-icon.png) no-repeat top left;width:32px;height:32px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://x.libdd.com/farm1/5b7f4a/4a3b11a7/text-icon.png');}

解释一下哈，为了把这个标题栏打竖显示为现在的样子，这里做了2个翻转，一个翻转是逆时针90度（rotation=3），一个翻转是顺时针90度（rotation=1）。不知道翻转是神马？请这边学习。然后呢，逆时针的用在了h2，顺时针的用在了控制icon图标的b。也就是说在load到png之前已经有2个滤镜了，png的默认IE滤镜必须的失效。肿么办呢？

我用了一个非常笨的办法，在每个icon PNG那里手动加上滤镜，且把b的顺时针转向功能禁止掉，改用在PS里直接把图片顺时针翻转90度。

代码类的，即在.text-icon里面加上filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’http://x.libdd.com/farm1/5b7f4a/4a3b11a7/text-icon.png’)，这么一来就是强制在load这个png的时候用滤镜了。

至于为什么要把b的翻转禁止掉而用PS图片翻转呢？因为b优先于.text-icon，即便我在后者里设置了强制滤镜，b的滤镜还是优先，于是还是黑边。

PS下的翻转太简单了

翻转前

翻转后

人肉看，当然觉得别扭，但整体效果，那是必须的好。

有图有真相！

于是，终于，在IE8下，Principe的icon图标算是正常了，内牛满面。

今天下午网友才提醒我Principe在IE9下显示怪异，这主要是IE9不支持filter但却不像Chrome和Firefox那样不加理会，而是自作主张搞了一些神马出来。

老天啊～～～ 试问一个不用IE的人怎么会知道这些问题呢！更杯具的是，单位的电脑是XP，XP无法安装IE9，我家里有WIN7可以安装IE9（现在是IE8），也有XP，能考察IE8。为什么，为什么，为什么现在才告诉我事实这么残酷呢？？？泪奔～～～

已经下载虚拟机，已经下载WIN7+IE8（可升级为IE9）的文件。

哎～～～ 玩网页设计，我容易么我～～～