2012-07
3

解决了IE9下的神奇filter黑背景

By xrspook @ 21:06:42 归类于: 烂日记

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

昨天发现了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”的意思是小于或者等于。

累并快乐着真好!

2012-04
15

如果我去了,请别为我麻烦

By xrspook @ 19:50:55 归类于: 烂日记

按计划,今天一家三口去拜山,然后呢,虽然离清明节已经2周,但广州火葬场仍旧人山人海。在山脚没找到空位,只好上山顶。山顶的拜祭场没有雨棚,烈日当头照。我妈一直在喃喃说大太阳比暴雨好。我坐在那里,跟我妈说,如果我那个以后就不要留什么骨灰了,树葬也好,海葬也好。生的时候麻烦人,死了以后还继续麻烦人,我担当不起。我妈说,她和爸那个以后我喜欢怎么弄就怎么弄。每年要交保管费,而那个价钱都堪比银行保险箱了,每年必须跟别人挤,即便你已经故意避开,还是会被挤到。但实际上了?搞那么一大通就为了把蜡烛和香点完的半小时到45分钟。我至今觉得,这种所谓思念是纠情。

我家不拜神不烧香,彻底的无神论家庭,所谓习俗对我来说真是浮云。

对新电脑很满意。主要是速度非常优秀,任何速度,打开速度、软件处理速度、上网速度,除了正常的等待,暂时没有因为硬件性能需要额外等待的内容。已经渐渐适应了WIN7的雅黑字体。近期才觉得雅黑字体的优势在于当字体处于小字体的时候比宋体要清晰,通常来说,英文网站的字体会做得比中文的小,中文用宋体的话,如果太小就会不清晰了,但雅黑没有这个问题,雅黑可以在保证清晰度的前提下用和英文同样大小的字体。不过,这都需要适应,尽管雅黑已经出现很久很久了,但我一直都在使用XP,而我常用的浏览器都强制指定为宋体,所以,我是近期才被迫去适应的。我是一个既来之则安之的孩子,虽然有时我会很不情愿,但再坏的事也能从中找到乐趣,不是吗?

用上新电脑后,下载变成一种非常轻松的活儿,嘿,兄弟,我爱你!

© 2004 - 2024 我的天 | Theme by xrspook | Power by WordPress