前段時間,一個初學網站製作的朋友給我看了一下他做的網站,叫我幫忙解決網站程式碼的問題。二個站點都用的同一種製作方式,出現的問題也剛好相同。我就問他用的什麼方法做,回答說用PS做好版後,切片完自動產生HTML,結果在HTML裡面出現了大量的分隔符,先做了www.38sy.com 這個站,出現分隔符後,他在網上搜了一下解決方案,聽說是切片時,切得不整齊造成的,於是在製作www.suoying.net 這個站時就嚴格按照切片的要求一像素一像素的來切的,但結果還是一樣,還是出現了大量分隔符號。
其實說實在話,我當初在用純表格做站的時候也出現過同樣的問題,只是後來都習慣用DIV+CSS了,就把這個問題擱起了,也沒去研究解決方案。
朋友問到這個問題的時候,突然想起了,也就找時間去研究了一下,結果發現了一點端疑。情況大致如下:
我先用PS隨便畫了幾塊圖,然後隨便幾刀再產生HTML,第一次狀況如圖:
這種情況下未出現分隔符號:
第二次幾刀下來,情況如下:
問題來…大量分隔符
於是一步一步往後退,當退到此處時,分隔符號消失。 (也就是下面三個片全刪)
前進一步,分隔符號出現。
如此看來倒數第三片是亮點。
仔細分析不難發現,導致分隔符號出現的可能原因就是第三刀的時候,切片覆蓋了自動切片產生的第5片和第2片的分隔線。為了證明這個說法,我將第三刀向右移了一步,分隔符號果然消失了,如下圖:
到目前為止,分隔符號產生的原因如果我沒分析錯的話,應該就是手工切片覆蓋了自動生成切片的分隔線,所以解決的方法就有三個了:
1、 手工切片的時候不要覆蓋自動生成切片的分隔線(好像有點不切實際);
2、 停用自動產生切片(我沒找到停用的方法…衰了點…。);
3. 換一種不用切片的網頁製作方法(最現實,哈哈)。