PSD模板转XHTML/CSS文档教程(3)

复制导航菜单

在复制之前，移除激活状态效果。

选择所有导航图层并进行复制，选中复制的图层，垂直往下移，位于原图的正下方，保证两图之间没有缝隙。如下图所示：

上方的导航是浏览器一加载的正常状态，下方的是鼠标激活的状态，所以要给下方的每个按钮增加激活的效果，在此过程中不要移动按钮文字和球体。浏览器会因为一小点的移动而失去原有的效果。

在保存图片之前，移除背景图层，这样两个导航的背景层是透明的，把图片”navigation.png”保存到文件夹”images”中。同时我们还要保存一张拉丝金属背景图”bg.gif”到”images”中。