※ 引述《Blankness (Blankness)》之铭言： : 抱歉，我看不太懂您的意思耶？ : CSS Zen Garden里的那个范例，有三张背景图片， : 分别为top、contain、bottom， : 他的top包括选单的┌─┐ : 然後contain是包含选单的│ │跟内文背景一起 : bottom也把选单的└─┘算在内。 : 您的切割方式好像不太相同？ : 呃..另外..可以请您解释一下， : "B处图片背景做成可依内容长短往下延伸的图样" : 不懂..@@ 其实我没有看这个网页的原始码 但依据自己经验判断这样的网页是这麽做的 刚才看了原始码之後好像不是这麽做(有点懒的看..:P) 但提供你做参考 因为我觉得我的方法以制作上来讲并不难 1.在photoshop後切片切成 ┌───────┐ │ A │ ├───────┤ │ │ │ B │ │ │ ├───────┤ │　　　 C │ 　　└───────┘ 2.然後B的部分再切成 ┌────────────┐ │ 选单头 内文头 │ ├────┬───────┤ │ │ │ │ 选单腰 │ 内文腰 │ │ │ │ ├────┴───────┤ │ 选单脚 内文脚 │ └────────────┘ * 详细一点可以这麽说(黄线为图片 白色为切片线) ┌──────────────────────┐ │┌───────┐ ┌──────────┐│ ├─┬─────┬─┬─┬────────┬─┤ │││ │││││ │││ │││ 选单 │││││ 内文 │││ │││ │││││ │││ ├─┴─────┴─┴─┴────────┴─┤ │└───────┘ └──────────┘│ └──────────────────────┘ 3.然後选单腰和内文腰做成背景图 包括左右侧的边线 做成1单位背景图 比如说 │ \ \ \ \ │ → │ 高度1pix图 \ \ \ → \ 3pix*3pix图 │ \ \ \ \ \ \ \ \ 这样就可依内文长度跑图了 感觉就像是把头跟脚切掉 把中间的腰拿出来切一切 然後再把头跟脚接上去... 这样比喻不知道适不适当 :P --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 218.166.34.163 ※ 编辑: xFANx 来自: 218.166.34.163 (07/09 15:30)