天貓商家切割頁面參考

天貓商家在切頁面時(shí)應(yīng)該注意一下幾個(gè)方面：
1.頁面寬度為990px，超過990px部分作為背景。
2.樣式不可以使用全局定義。如：a{} div{}
3..圖片必須放在淘寶服務(wù)器上，如店鋪圖片空間或者TMS平臺(tái)。
4.單個(gè)圖片小于50kb。
5.視頻數(shù)量小于等于1個(gè)。
6.視頻必須使用淘花網(wǎng)地址。（如果自己無法上傳可以讓小二幫忙上傳地址：http://ugc.taobao.com/）
7. 不能使用任何形式的外部請(qǐng)求資源。如：css、js文件

常見問題解決方法：
1.存在問題：圖片斷層
如圖：

解決辦法：給圖片img標(biāo)簽添加：display:block；屬性

2.問題：圖片切的太碎

如圖：

解決：我們的頁面寬度是990px，大于990的部分切成背景。圖片最好橫向切，減少縱向的切片,對(duì)于要加鏈接的部分用map標(biāo)簽（又稱畫熱區(qū)）。

3.標(biāo)簽嵌套太多太復(fù)雜

如圖：

解決：table不要超過2層

4. 頁面990之外的處理

如圖：

解決：990之外的部分單獨(dú)切出來做背景，純色背景用代碼寫不用圖片

5.標(biāo)簽未閉合

如圖：

解決：檢查標(biāo)簽是否閉合，及寬度是否定義，overflow:hidden是否添加來撐開容器。

6.全局樣式的定義

<style>

Div{……..}

A{………}

</style>

解決：命名class 使用class屬性控制樣式。