▶ 【网站建设】导航如何悬浮在banner上?

更新时间:2025/11/05

设计网站时,有时需要导航和logo都是显示在banner图上的,参考样式如下:


导航悬浮


1,在头部属性里,开启浮动,浮动位置选“悬浮”。头部属性如果不好选中的话,可以在头部区域点击鼠标右键-选择层叠控件-头部。

设置悬浮后,在UI装修页是看不到效果的,预览和线上才会展示悬浮的效果。


导航悬浮


2,在头部属性设计里,把头部的背景色改成透明的。


导航悬浮


3,再选中头部里的组件,把组件的背景色也改成透明色。


导航悬浮


4,因为导航是要浮在banner上面的,所以导航的文本颜色要与banner图的颜色有鲜明的对比,所以要在导航属性里修改文本的颜色(设计里的文本颜色、设置里的鼠标经过和鼠标点击的文本颜色都需要设置)。另外,logo图片也要和banner图有鲜明的对比。


导航悬浮


相关推荐

帮助中心纠错
提交