请问如何把导航栏放在图片上面。

有两种办法，

1，就是在布局的时候用图片为背景，然后把导航布局在图片上，

2，直接两者写好后把导航绝对定位到图片上面

一般都是第一种的，这种布局方式。

打开PS，新建一文件，大小设置为“200*800”，背景色设为“透明”。

选择“工具栏”中的“圆角矩形工具”项，并设置合适的“半径”（如20像素），然后在绘图区域进行绘制，可以通过按键盘组合键“Ctrl+T”对其进行调整。

切换至“路径”面板，点击“将路径作为选区载入”按钮。

接着返回“图层”面板，选择“工具栏”中的渐变工具，并设置合适的渐变色进行填充。

接着双击该图层，为其添加“浮雕 图层样式”

新建一个“图层2”，接着选择“圆角矩形工具”，将半径设置为“10像素”，并绘制如图所示的图形。然后切换至“路径”面板，点击“将路径作为选区载入”按钮，然后返回图层面板，填充一种纯色。

双击“图层2”，为其添加“图层样式”

接着将“图层2”拖动到“新建图层”按钮上以创建“图层2 副本”，接着选择“移动”工具将“图层2 副本”移动到合适的位置。

按住键盘上“Ctrl”键不放的同时，点击“图层2 副本”以选中该图像，然后为其填充另一种颜色。

基本的导航栏结构已经做好。接下来创建切片。点击“工具栏”中的“切片”工具，然后对整个图像区域进行划分。

最后点击“文件”→“存储为Web所有格式”项，选择文件类型为“JPEG”格式，接着点击“存储”按钮，在打开的“另存为”窗口中将“存储类型”设置为“网页和图像”，最后点击“保存”按钮。

---