HBuilder制作APP背景图片

1、创建工程

文件-新建-项目-选择版本2

 2、

目的:将背景图片back-img置于loge底层

方法:将背景图片设置为绝对定位,将loge设置为相对定位,设置z-index值。

absolute:绝对定位。元素会被移出正常文档流,并不为元素预留空间,通过指定元素相对于最近的非 static 定位祖先元素的偏移,来确定元素位置。绝对定位的元素可以设置外边距(margins),且不会与其他边距合并。

relative:相对定位。该关键字下,元素先放置在未添加定位时的位置,再在不改变页面布局的前提下调整元素位置(因此会在此元素未添加定位时所在位置留下空白)。position:relative 对table-*-group,table-row,table-column,table-cell.table-caption 元素无效。

z-index:用来显示元素的上下层的叠加顺序,数值越大表示的层级越高。
注意:要使用z-index,需要先设置元素的position属性为absolute或relative,然后通过设置z-index的值来改变元素的层级关系。


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值