寶貝詳情頁套餐模板巧用表格來使用背景圖【裝修文字教程】

寶貝詳情頁無法使用背景圖，相信做淘寶店鋪的朋友都碰到過這樣的問題，一旦使用背景圖片，發(fā)布后淘寶立馬給你過濾掉，就因為無法使用背景圖，很多功能都實現(xiàn)不了， 老A今天卻用表格實現(xiàn)了這一功能。

比如寶貝詳情頁一般都會帶一些套餐，特別是參加淘寶官方付郵試用的寶貝，詳情頁是一定會加入各種套餐的。就像我們店鋪每次參加付郵試用，套餐基本都要改的，有時只是換一個寶貝、改一下價格，這樣又要打開文件重新修改，很是麻煩（而且我們是成人類目，圖片上傳后還要經(jīng)過一天時間審核，審核通過后才可以使用）。那時我就一直在想，為什么不把套餐做成一個模板，這樣修改起來又方便又快速，而且還不用重新做圖。

大家對HTML代碼有點了解的，應該都知道 即可顯示出背景圖片，但在淘寶寶貝詳情頁里，如果這樣寫的話，發(fā)布后背景決對是一片空白，為什么？淘寶過濾了。

今天，我換了一種方法，使用table表格來實現(xiàn)，發(fā)布后居然可以正常顯示出來了！真是暈死！DIV+CSS不支持背景圖片，表格卻支持！我一直使用的都是DIV+CSS，極少會使用到表格，以前也沒想到淘寶居然會這樣設置，看來以后進行淘寶裝修時，表格也得要用上了。

下面發(fā)布一款今天剛剛寫的套餐模板，背景圖片也一起提供了。

源代碼下載◆  （在代碼區(qū)點擊右鍵選擇“全選”，再點擊右鍵“復制”代碼）<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 style="display:block;width:150px;height:30px;" target="_blank"></a> </div> </td> </tr> </tbody>