佩奇网络 — 让全球买家主动搜上门!

Google 推广/社交营销/190种语言独立网站/响应式网站/美国服务器+全球CDN加速+独立IP/送SSL

技术与操作的完美融合,每一个外贸人都能拥有强大的数字化武器

如何设置导航悬浮在banner上?

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


1762326146844590834146676736


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

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


image


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


image


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


image


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