由前端开发撰写的日志
ie无法显示图片
Oct 30th
以前碰到过IE无法显示PNG的情况,因为卸载了ADOBE PS后,导致pngfilt.dll文件注册错误,这时运行regsvr32 c:\windows\system32\pngfilt.dll即可解决问题。
这次又碰到一个问题,也是IE无法显示图片,这次是GIF了,GIF是程序批量导出的,但是在IE6下看有灰色的背景,类似PNG32的alpha透明表现形式,其他浏览器显示正常。
GIF在PS中无法打开,显示为无法完成请求,因为文件格式模块不能解析该格式,于是我把文件后缀改成PNG就可以用PS打开了。
另外,大家可能发现一些jpg也可以做成动画,而事实上这个jpg是gif,后缀名不同而已,ps中也无法打开,显示为无法完成请求,因为JPEG标志符段长度太短(该文件可能被截断或不完整)。修改后缀即可打开。
word-break:break-all和word-wrap:break-word该怎么用
Oct 27th
word-break:break-all和word-wrap:break-word经常用来解决长字符串换行问题。
经过一系列测试后,发现word-break:break-all在IE6/7/chrome/safari为一派,表现为尾部截断,而ff3.0/opera表现为无效。既过长单词换行显示,然后溢出边界。
word-wrap:break-word;在IE6/7/chrome/safari为一派 表现为长单词换行,再显示不下才裁切。而ff3.0/opera也表现为无效
显然word-wrap:break-word;要更符合用户体验,word-break:break-all则可以忽略了,外国人不喜欢把英文单词切开来看。而针对于ff3.0和opera则只能用overflow:hidden隐藏了(ff3.5已经支持此属性)。
所以这里建议
word-wrap:break-word;overflow:hidden;width:500px;