文字的样式定义导致图片不显示

作者:动易网络 来源:本站原创 点击数: 发布时间:2012年03月15日

问题描述:图片内容页中的图片显示不出来,如下图:

 

原因分析:刚开始以为是因为模板的HTML结构问题,导致图片被挡住了,但是通过火狐浏览器的firebug插件检查发现图片根本没有被输出,并不是被挡住,然后对比了其他图片,能正常显示,利用对比的方法排查,发现两篇内容中图片简介字段的格式差异比较明显。把有问题的那篇内容的图片简介去掉,再在访问页面,图片显示出来了,由此可以判断问题是出在图片简介中,修改这篇内容,查看图片简介的源码,发现图片简介的内容中带了大量的字体定义代码,如下图:

根据经验,这些代码肯定是用户在其他文档中复制内容的时候一并复制过来的,所以就导致内容中的图片都不显示了。

解决办法:把图片简介的内容剪切出来,先复制到文本文档中,这样就能去掉多余的字体定义代码,然后再复制回去图片介绍的框里面保存就可以。