全国服务热线:0776-5859998
消息中心在线申请微营销

解决PS切片后生成分隔符的方案

:2015-06-13 11:48     阅读数:     分享到:

前段时间,一个初学网站制作的朋友给我看了一下他做的网站,叫我帮忙解决一下网站代码的问题。二个站点都用的同一种制作方式,出现的问题也正好相同。我就问他用的什么方法做,回答说用PS做好版后,切片完自动生成HTML,结果在HTML里面出现了大量的分隔符,先是做了www.38sy.com 这个站,出现分隔符后,他在网上搜了一下解决方案,听说是切片时,切得不整齐造成的,于是在制作www.suoying.net 这个站时就严格按照切片的要求一像素一像素的来切的,但结果还是一样,仍然出现了大量分隔符。

其实说实在话,我当初在用纯表格做站的时候也出现过同样的问题,只是后来都习惯用DIV+CSS了,就把这个问题搁起了,也没去研究解决方案。

朋友问到这个问题的时候,突然想起了,也就找时间去研究了一下,结果发现了一点端疑。情况大致如下:

我先用PS随便画了几块图,然后随便几刀再生成HTML,第一次情况如图:

 

这种情况下未出现分隔符:

第二次几刀下来,情况如下:

问题来…大量分隔符

 

于是一步一步往后退,当退到此处时,分隔符消失。(也就是下面三个片全删)

前进一步,分隔符出现。

如此看来倒数第三个片是亮点。

仔细分析一下不难发现,导致分隔符出现的可能原因就是第三刀的时候,切片覆盖了自动切片生成的第5片和第2片的分隔线。为了证明这个说法,我将第三刀向右移了一步,分隔符果然消失了,如下图:

到此为止,分隔符产生的原因如果我没分析错的话,应该就是手工切片覆盖了自动生成切片的分隔线,所以解决的方法就有三个了:

1、 手工切片的时候不要覆盖自动生成切片的分隔线(好像有点不现实);

2、 禁用自动生成切片(我没找到禁用的方法…衰了点…。);

3、 换一种不用切片的网页制作方法(最现实,哈哈)。

(原文出处:http://blog.sina.com.cn/s/blog_6309843d0100g58k.html )

感谢 一米 的投稿


新案例
新签约
  1. 乾涵科技-高薪招聘网站PHP程序员...
  2. 成功签约广州市标准化协会网站建设协议...
  3. 成功签约佛山市领缝缝纫设备有限公司网...
  4. 成功签约深圳市创景轩园林工程有限公司...
  5. 成功签约广州狮子婴幼公学网站建设协议...
  6. 广州名阳建筑设计有限公司网站建设项目...
  7. 成功签约佛山市其乐教育投资有限公司网...
  8. 成功签约广州力恩普投资管理有限公司网...
新资讯
  1. 苹果所持现金可买Groupon+Twitter+Zynga...
  2. 世纪佳缘盈利模式受质疑 面临社交网站冲...
  3. 今年北京将采取更严厉手段打击盗版...
  4. 开心网收缩团购突裁百余人 一天内先签约...
  5. 开心网回应团购调整争论:必将负责到底...
  6. Twitter着力提升移动体验 看好HTML5长远前景...
  7. 破除有关Google面试的谣言...
  8. Windows 8也能“穿越”了...