▶ 导航如何悬浮在banner上?
更新时间:2023/04/25

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


1.png



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

头部属性如果不好选中的话,可以在头部区域点击鼠标右键-选择层叠控件-头部。


1.png


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


1.png


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


1.png


4,头部区域改好后,点击幻灯片属性,在设计里把幻灯片的上间距设置成负数,比如-9。这个值不是固定值,注意测试小屏上是否有流程,适当的调整这个负值。


1.png




相关推荐

帮助中心纠错
提交