宝贝详情页套餐模板巧用表格来使用背景图【装修文字教程】

宝贝详情页无法使用背景图，相信做淘宝店铺的朋友都碰到过这样的问题，一旦使用背景图片，发布后淘宝立马给你过滤掉，就因为无法使用背景图，很多功能都实现不了， 老A今天却用表格实现了这一功能。

比如宝贝详情页一般都会带一些套餐，特别是参加淘宝官方付邮试用的宝贝，详情页是一定会加入各种套餐的。就像我们店铺每次参加付邮试用，套餐基本都要改的，有时只是换一个宝贝、改一下价格，这样又要打开文件重新修改，很是麻烦（而且我们是成人类目，图片上传后还要经过一天时间审核，审核通过后才可以使用）。那时我就一直在想，为什么不把套餐做成一个模板，这样修改起来又方便又快速，而且还不用重新做图。

大家对HTML代码有点了解的，应该都知道 即可显示出背景图片，但在淘宝宝贝详情页里，如果这样写的话，发布后背景决对是一片空白，为什么？淘宝过滤了。

今天，我换了一种方法，使用table表格来实现，发布后居然可以正常显示出来了！真是晕死！DIV+CSS不支持背景图片，表格却支持！我一直使用的都是DIV+CSS，极少会使用到表格，以前也没想到淘宝居然会这样设置，看来以后进行淘宝装修时，表格也得要用上了。

下面发布一款今天刚刚写的套餐模板，背景图片也一起提供了。

源代码下载◆  （在代码区点击右键选择“全选”，再点击右键“复制”代码）<table> <tbody> <tr> <td background="http://img01.taobaocdn.com/imgextra/i1/57300242/T2Q1V9XiXcXXXXXXXX_!!57300242.jpg" width="750px" height="240px"> <div style="padding:10px 0 0 295px;"> <span style="font-size: 14px; ">套餐文字介绍</span> </div> <div style="padding:35px 0 0 30px;float:left;"> <img src="http://img04.taobaocdn.com/imgextra/i4/57300242/T2KvPlXctXXXXXXXXX_!!57300242.jpg_160x160.jpg" style="width:120px;height:120px;"> </div> <div style="padding:35px 0 0 72px;float:left;"> <img src="http://img04.taobaocdn.com/imgextra/i4/57300242/T2KvPlXctXXXXXXXXX_!!57300242.jpg_160x160.jpg" style="width:120px;height:120px;"> </div> <div style="padding:35px 0 0 65px;float:left;"> <img src="http://img04.taobaocdn.com/imgextra/i4/57300242/T2KvPlXctXXXXXXXXX_!!57300242.jpg_160x160.jpg" style="width:120px;height:120px;"> </div> <div style="padding:25px 0 0 640px"> <span style="color:#fff;font-family:Impact;font-size:65px;">49</span> <span style="color:#fff;font-family:Impact;font-size:20px;">.00</span> </div> <div style="padding:0 0 0 590px;"> <span style="color:#000;font-size:14px; text-decoration:line-through">原价：99元</span> <span style="color:#fff;font-size:14px;">立省：53元</span> </div> <div style="padding:10px 0 0 591px;width:150px;height:30px;"> <a href="http://www.gxzhou.com/" style="display:block;width:150px;height:30px;" target="_blank"></a> </div> </td> </tr> </tbody>