您当前的位置:首页 > 知识百科 

微信小程序定位透明是什么?

时间:2023-07-01 14:05 阅读数:5人阅读

  关于小程序定位方面的资料,小编在微信小程序商店已经介绍了很多,但是也有人表示最近接触到了一个新的词汇——微信小程序定位透明,这到底是什么呢?小编接下来就为大家讲一讲。

  微信小程序定位透明是指position属*允许你对元素进行定位。定位透明包括三种:普通流定位,浮动流定位和小程序绝对定位。

  微信小程序定位透明属*值:static,relative,absolute,fixed,inherit,-ms-page,initial,unset(后面3个属*是小程序中有的,没看懂是什么样子)

  1.static:小程序元素框正常生成,块级元素生成一个矩形框,作为小程序文档流的一部分,行内元素则会创建一个或者多个行框,置于其父元素中。

  2.relative:元素框偏移一段距离但是仍然保持其未定位前的形状,它原来所占的空间也可以保留。

  3.absolute:元素框从文档流中删除,并相对于其包含块定位,这种实现方式可能是文档中的另一个元素或者初始包含块。元素原先在正常文档流中所占的空间会关闭,而元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的小程序框架。

  4.fixed:元素框的表现类似于将position 设置为absolute,不过其包含块是视窗本身。

  5.inherit:继承父元素的position位置。----任何版本的IE都不支持属*值:inherit

  6.-ms-page:位置取决于absolute的小程序模式。

  7.initial:将指定的值表示为属*的初始值。

  8.unset:设置了“inhrit”和“initial”,根据属*是否被继承。

  top,right,bottom,left:定位元素,定义position不为static的元素。

  取值:auto/直接数值/百分比

  z-index 定义position不为staic的元素。设置元素在当前上下文中的小程序层叠级别。数值越大显示在上面,数值越小,则显示在下面。

  clip:剪裁绝对元素定位。定义一个剪裁矩形,内容多出来的东西将根据overflow的值来处理。注意点:必须将position设置为absolute或者fixed的时候此属*才会生效

  1.取值。shape/auto/inherit。

  2.clip这个属*即将废弃,推荐使用 clip-path

  以上就是关于微信小程序定位透明的全部资料了,虽然小编也没有很清楚定位透明到底是什么,但是相信对于小程序开发者来说应该能看懂,只要对大家有所帮助,那么这份资料就有意义。如果大家还有不明白的地方,可以在网站内进行搜索,或者直接在文章底部留言,小编看到之后会尽量回复的。

  

  微信小程序定位怎么定?小程序定位功能开发

  微信小程序定位源代码介绍

  简单版的微信小程序定位功能怎么实现