在原版的XP系统下IE 6,IE7,对于自体支持似乎不是特别的好.上次提到过中文字体似乎对于中文标点都不能正常显示出来.更不要提英文字符对汉字的支持了.
正是这个原因上期的背景图解决IE6,7字符替换问题费了很大的功夫.
这次我简要总结一下我所发现的XP下IE6和IE7下字体的一些问题.
其实我之前做网站从未遇到这样的问题,可能是很久以前微软雅黑并未普及吧.就目前来看,网上关于字体的资料太少,国外有却跟汉字毫无关系.我也下了一个可能并不准确的结论:
分类： HTML
关于web结构静态代码技术研究
关于IE6行内多个元素浮动背景图对宽度影响
遇到这个问题实在是诡异.我对我自己能找出问题的原因也颇感惊讶,因为我根本不知道为什么会出现这样的现象,只是一个个凭感觉试出来的.如果有大神知道原因,希望能留言,如果不知道的正巧看到这篇文章,也可做个参考,解决一些可能是由于背景图产生的问题.惯例先上效对比果图(这里注释了背景).
按照正常思路完成布局和代码编写后,基本上ie7+和主流标准浏览器看起来都不错.然而IE6,就是令人蛋疼.是怎么蛋疼了呢仔细看图,我放代码和DEMO页面(此页面兼容):
一个小小的双引号引发的思考-XP内IE下的字体(上)
有个效果如图:
本来写了个全无图的效果.不过似乎只能针对XP下有对应的黑体和微软雅黑才行.在公司的WIN7电脑测试本来这个双引号不需要用到背景图,可是回来准备严格测试的时候,发现问题了,在虚拟机上的一个纯净的精简XP上,这个双引号就算用黑体也是大大的两个像圆形的逗号…最终测试无效,只好用背景图实现了.
绝对定位元素随滚动条滑动无延时不闪烁的解决办法!
不得不说,清明放假,没什么好玩的,年纪来了,越发觉得打游戏也没意思,整天玩炉石被虐,为什么都喜欢跟风打鱼人流?我下午连续打了6盘有4盘是鱼人流,全败,基本不超过6个回合,我又是为了完成任务选的不常用的角色,打得我快吐,为了赢,为了刷排名?真是没意思,能不能打的有创意一点???更有甚者,明明是优势,确一个劲抽风似的对你说”打得不错”,或者是嘲讽语,太脑残了!太脑残了!!!这些玩炉石的人,太脑残了!!!
好了,吐槽完毕,我不吐槽无法释放内心的不满.来说一说这两天的成果,搞得蛋都快碎了…
ie6,7下相邻div叠加层级关系问题
在解决一个看似很简单的效果的时候,我想尽量用简单的代码做,效果如图:
我这里实际上只用了一个”<“这样的小图,这个小图则是放在一个左浮动的div,当然这个图是div通过背景图显示出来的,而右边则是一个border为1的div,那么我需要小图向右移动一个px,来遮住这个div的边框.或者带有边框的div向左边距为小图div宽度减去1px.如果大家看不懂我描述的,可以自己想想,,那么本身这个效果应该不难,但是我发现IE6,7的兼容性问题,导致不好弄了.首先z-index似乎在这里是无效的.那么我多次测试做了个样本大家可参考一下(由于加载速度较慢请打开查看: )