站内资讯里面出现“图片碎片”

2016-07-07 16:12 来源:www.chinab4c.com 作者:ecshop专家



各位大哥大姐,我前几天才做的新站,在添加站内资讯时都提示成功,但是在前台显示有“图片碎片”。盼高手能给予解决,小弟在此先谢过了。。。
演示:www.tlgiant.net


在此要感谢176542304 热心版主的帮助,问题已得到解决。

回答:
在线等.....

高手帮我解决下?

3# tlwangchao
这个问题N天前我回过一次
因为站内快讯采用的是li列表形式,你可以看下li的CSS样式 未命名.jpg
#mallNews .NewsList li {
background:url("images/green/bg.gif") no-repeat scroll 0 -167px transparent;
padding:0 0 0 10px;
text-align:left;


}


它的背景是bg.gif,而这个图是整个大背景图,当你的li列表内容过多就会造成自动换行,换行后本来定位的背景图坐标就会继续往下扩,所以你会看到碎片
解决方案1:可以把背景图换成一个小图标,不要坐标定位即可
解决方案2:设置li列表内容超出自动隐藏
CSS如下:
#mallNews .NewsList li {
background:url("images/green/bg.gif") no-repeat scroll 0 -167px transparent;
height:18px;
overflow:hidden;
padding:0 0 0 10px;
text-align:left;


}

176542304 :谢谢你的帮助,我的问题也解决,谢谢!