因项目需要，以map为背景，上面悬浮有其他组件。微信开发者工具测试时一切正常，但是真机测试时地图组件却把所有的组件覆盖，检查z-index设置，一切正常，地图组件层级也在这些组件的下面，为什么会被覆盖呢？ 查小程序官方文档，官方文档表示，map组件层级最高无法用z-index控制。这就 ...

IOS上z-index和fixed定位无效 在该元素上加： -webkit-transform:translateZ(1px); -moz-transform:translateZ(1px); -o-transform:translateZ(1px); transform ...

说起微信小程序的map组件，可以说是良心之作了，一个组件解决了所以接入地图的所有麻烦，但是在实际小程序的试用过程中还是存在点问题的。如下情景：刚开始接入map组件的时候是在微信开发工具的模拟器上预览的，看起来没有一点问题，如下图： 但是在手机上真机模拟的时候就比较尴尬了，地图挡住了我底部的按钮 ...

首先在html中， ...

在需要设置z-index的层级设置position属性就行了。（注意：同级） 话不多说直接上图 之前 之后 解决。欢迎多交流。一起进步！！！ ...

小程序的textare、input输入框层级是最高的 那么我们在textare、input输入的内容就会总是显示在最上一层。 这是时为什么呢？官方文档有说明，因为textare、input这些是原生组件。原生组件的层级是最高的，不管其它非原生组件z-index设置多大，原生组件都无法覆盖 ...

原因： 在苹果手机上， transform 变换的时候会让 z-index “临时失效”，其实并非 z-index 失效了，只是 z-index 被用在不同的 stacking context 上，而非在默认的 context 上同等地比较层级了。所以 DOM 在 transform 的工程中 ...

有时我们要用flash做透明背景结果发现加好之后下面的文字连接点击不了了，div下拉也给flash档住了，后来百度发现我们只要设置wmode参数就可解决了。 在HTML中，如果嵌入Flash，默认会将flash放在页面的最上面。也就是说，即使用绝对定位,将z-index设的无穷 ...