这是一位淘宝卖家的提问，他的情况是：自己做的淘宝产品分类，用PS切图生成HTML后用DW换链接上传淘宝自定义区之后就呈现如下白色边框(空白条)效果：

（1）本地打开，正常的效果：

（2）效果图用photoshop切图后，用dreamweaver做好链接，安装到淘宝店铺，预览出现很多的空白条（白色边框）

鱼摆摆解答：

查看了该朋友的html代码，其实他的问题就是 切图时，切了很多高度小于20px的小图片。而因为淘宝系统的问题，目前所有的图片高度小于20px的图片，如果直接应img 方式显示，都会出现白色空白条的问题。无论你是在预览或者发布后，都会出现这个问题。

解决办法：ps切图生成的代码，将高度小于20px的图片的img显示图片的方式改为背景方式显示。

未修改的代码如下：

<td colspan="5" >

修改成背景方式后的代码：

<td colspan="5"  height="6" background="http://img04.taobaocdn.com/imgextra/i4/605602330/T2rJw2Xh4aXXXXXXXX_!!605602330.jpg" width="836"></td>

仔细对比前后代码的变化，我们去掉了alt=""  ，将src改成了background，删除了最后面的/ ，代码格式也发送了变化。这样就可以去掉多余的空白条了。

关于淘宝切图的技巧说明：

（1）建议更专业的切图fireworks来切片，劲量避免产生高度小于20px的图片。

（2）切图原则：先横，后竖。先划分好行，再切列。

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 yubaibai360@qq.com 举报，一经查实，本站将立刻删除。