z-index

Position属性四个值的区别和用法

static(静态定位)默认值,没有定位,元素出现在正常流中(忽略top,bottom,left,right或者z-index声明)relative(相对定位)生成相对定位的元素,通过top,bottom
banxia117·2020-09-11 07:34

position 属性都是相对于什么来定位的？

与脱离文档流的元素一起z-index会失效；relative：其次relative也未脱离文档流，relative生成相对定位的元素，相对于自身的正常位置做定位，因此，"left:20"会向元素的LEFT
捕风的紫色鸢尾·2020-09-11 06:16

点击按钮或者文字弹出div 块

black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index
划船不靠浆_ye·2020-09-11 06:58

小程序报错：Component "pages/..." does not have a method "formSubmit" to handle even "submit"

页面wxml代码：//bindsubmit去掉后没有报错//catchtap实现点击跳转页面，可阻止事件冒泡wxss样式：.feed{position:fixed;z-index:
Anna··2020-09-11 05:48

JQuery弹出层，点击按钮后弹出遮罩层，有关闭按钮

black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index
weixin_34319999·2020-09-11 05:27

弹出层代码

black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index
weixin_34010949·2020-09-11 05:12

原生组件说明 · 小程序

live-playerlive-pushermaptextareavideo原生组件的使用限制由于原生组件脱离在WebView渲染流程外，因此在使用时有以下限制：原生组件的层级是最高的，所以页面中的其他组件无论设置z-index
weixin_30507269·2020-09-11 04:18

layui弹出框打开第二次select内容无法显示问题

今天,在使用layui弹出框的时候,第一次进入select内容加载是正常的,将弹出框关闭再次进入后select下拉框内容为空,经排查是因为每次弹出窗口z-index都会改变,弹出框的z-index值大于
相太阳·2020-09-11 04:35

在Bootstrap的modal中使用select2出现不能显示下拉框问题解决办法

select2-container--open{z-index:9999999}只要添加这个样式就能很好解决这个因z-index引起的问题。
小老鼠O·2020-09-11 04:43

如何控制CSS使一个div位于最上层

Z-index属性决定了一个HTML元素的层叠级别。元素层叠级别是相对于元素在Z轴上（与X轴Y轴相对照）的位置而言。一个更高的Z-index值意味着这个元素在叠层顺序中会更靠近顶部。
cypbkd·2020-09-11 01:15

layer和select2一起使用，导致select2下拉框无法显示的问题

今天使用layer插件做的弹出框中，使用了select2插件，但是select2插件的下拉框无法正常显示，很显然这是由于layer弹出层z-index值比较大，导致了select2的下拉框被遮住了。
chouzizi·2020-09-11 00:33

JQuery弹出层，点击按钮后弹出遮罩层，还有关闭按钮

black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index
装B，小青年。。。·2020-09-11 00:24

纯 CSS 的固定表头和首列

center;border:1pxsolid#999;min-width:100px;}th{background-color:#333;color:#fff;position:sticky;top:-1px;z-index
Triumph·2020-09-11 00:09

Layer弹窗和 jquery select2 兼容问题

layer弹窗中select2不显示问题，原因是:layer的z-index影响的解决办法：将select2的z-index调高于layer的z-index.select2-container--open.select2
深漂小码哥·2020-09-10 23:55

js弹窗层

black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index
平凡的Mac·2020-09-10 22:24

css控制背景图片随div的大小而缩放

图片的分辨率是1024*768，在1024*748的屏幕上能显示完整，一旦在800*600的屏幕上是就显示不完整，为了让图片的大小能适应不同的分辨率，可以这样来设置背景：背景图片的验证这里需要提出几点：1.的z-index
ysf871104·2020-09-10 21:42

html底部div固定在底部

整体结构：保险购买我的账户样式描述：.footer_div_outer{width:100%;height:45px;_position:absolute;z-index:999;position:fixed
xiejunna·2020-09-10 21:31

动态创建 消息框

liuxiuping.ui-alert{z-index:999999;position:absolute;left:50%;top:0;padding:010px;margin-left:-50px;min-width
wenmin1987·2020-09-10 21:36

backdrop-filter 和filter 写出高斯模糊效果 以及两者区别

backdrop-filter是让背景模糊，不会影响到背景下面的图片；.mask{position:fixed;top:0;bottom:0;left:0;right:0;background:rgb(7,17,27,.5);z-index
我本無心為何有愛·2020-09-10 21:53

京东静态网页设计案例（2）

3.给该div块设置宽高，由于该div块是在img图片的上方使用，所以我设置的宽高与图片宽高一致，并将div的z-index属性设置在图片之
yudbk·2020-09-10 20:54

Extjs 动态改变控件的样式

2019独角兽企业重金招聘Python工程师标准>>>XXX.getEl().setStyle('z-index','999999');//xxx就是得到的控件转载于:https://
weixin_34352005·2020-09-10 20:35

前端开发之布局和定位

而其层叠通过z-index属性定义。absolute：对象脱离正常文档流，使用to
程铭程铭你快成名·2020-09-10 18:34

布局小技巧

o-box-IE:-ms-box-a标签覆盖整个divhelloteayonteayon是一个超级sweet的人查看更多.gridfigurefigcaption>a{position:absolute;z-index
酱爆小饼干·2020-09-10 18:09

css编码规范及页面重绘和回流（重排）

规范的css的书写顺序：1）位置属性(position,top,right,z-index,display,float等)2）大小(width,height,padding,margin)3）文字系列(
ChannnXY·2020-09-10 17:57

鼠标经过图片 图片放大缩小

Imagesimg{transition:all0.6s;cursor:pointer;position:relative}#Imagesimg:hover{transform:scale(2.4);z-index
Zeropoint零点·2020-09-10 16:36

点击a标签没反应

修改了一下样式，发现a标签点击没反应了，感觉跟没点一样~（正常情况下子元素都在父元素上面，点击a标签，会跳转）检查一下发现是设置a标签的z-index：-1；父元素nav的overflow：hidden
高彩琼·2020-09-10 16:31

2020-09-03【element图片预览插件】

无需引用插件版如果el-image-viewer组件在el-dialog里面，el-dialog的层级是优先的，因此我们需要属性z-index去更改el-image-viewer组件样式的层级预览exportdefault
良言SE·2020-09-10 16:12

css 背景图片自适应元素大小

方法如下：CSS代码：img{position:absolute;z-index:-10;width:50%;}HTML:字在背景上此时，背景可以自动伸缩，不过底层图片和上面的字是无关联的，想要在
Pinky_W·2020-09-10 15:08

利用IE关于Z-index的BUG造成的神奇效果

把下面这个代码保存为test.html这个box应该在上面这个box应该在下面，IE浏览器会对定位元素产生一个新的stackingcontext，甚至当元素z-index的为“auto”。
alexxiyang·2020-09-10 15:03

解决Layui-layer弹出层中嵌入TinyMCE的菜单不显示的问题

在layui的layer弹出窗控件中嵌入了TinyMCE富文本编辑器后,点击顶部菜单不显示,可以看到是被layer的弹出层给挡住了,所以应该是layer的z-index属性比菜单层高导致.经过一番定位,
DexterLien·2020-09-10 14:57

练习 2d、3d转换、图片切换

bgbox{width:100%;height:700px;}.contain{width:100%;height:50%;position:absolute;top:40%;padding-left:6%;z-index
任由天高·2020-09-10 13:03

ios系统和某些移动端background-attachment:fixed不兼容性

不兼容性，没有任何效果，但可以hack一下就可以了，代码如下:ps：想在哪个标签加背景，可以在它class后:before.body:before{content:'';position:fixed;z-index
boys1999·2020-09-10 12:08

css设置背景图自适应高度

方式一：body{width:100%;height:100%;position:fixed;z-index:-1;background-repeat:no-repeat;background-position
Cynthia_Wiki·2020-09-10 09:10

css的z-index权重问题【最简洁，没有废话】

文章目录一、跟笔者一起看下面实战中z-index的几种情况：二、设置基本的dom结构与样式，准备测试三、开始测试测试问题1：测试问题2：测试问题3：测试问题4：测试问题5：四、结论五、笔者致广大读者的话今天笔者就与大家分享一下
超级吴小迪·2020-09-10 09:19

微信小程序实现身份证取景框拍摄

具体内容如下wxmlwxss.camera_box{height:100vh;width:100vw;position:relative;}.camera{height:85vh;width:100vw;z-index
·2020-09-09 17:50

vue实现移动端触屏拖拽功能

实现移动端可拖拽浮球，供大家参考，具体内容如下1首先创建一个div奖励规则2给div附上样式.floatball{color:white;height:50px;width:50px;padding:5px;z-index
·2020-09-09 14:41

关于vue的列表图片选中打钩操作

美化checkbox样式,这一段代码拿过去可以直接用label{font-size:25px;cursor:pointer;position:absolute;top:-10px;right:0px;z-index
·2020-09-09 09:49

微信小程序 —— input、textarea层级穿透问题

方式方法和网上大多大佬有雷同，因为我也是参考网上各位大佬的…问题：当页面中有input、textarea时底部提交按钮position：fiexd悬浮时在滑动页面，input、textarea文本框中的文字会穿透到提交按钮上方z-index
_Flower seven·2020-08-26 23:13

微信小程序 view组件显示在scroll-view上方

设置cssview的z-index为1.u{margin-top:-30px;position:absolute;z-index:1;background-color:rgb(175,215,252);
weixin_40938312·2020-08-26 23:58

微信小程序textarea层级过高(盖住其他元素)

miniprogram/dev/component/textarea.html)，所谓原生组件就是“脱离在WebView渲染流程外”文档中的原话是：原生组件的层级是最高的，所以页面中的其他组件无论设置z-index
weixin_38168547·2020-08-26 23:20

小程序textarea顶层显示的bug

textarea组件是由客户端创建的原生组件，它的层级是最高的，不能通过z-index控制层级。
weixin_34360651·2020-08-26 23:43

小程序 的 textarea 组件 层级问题如何解决

像这样的既然是定位（脱离文档流），为啥不加层级关系，层级关系不明确，很容易出现显示异常，给遮罩加z-index:10，弹出框加z-index:11即可解决方案参考：https://developers.weixin.qq.com
weixin_33963594·2020-08-26 23:29

小程序 侧边栏

css.home{position:absolute;width:750rpx;height:100%;background-color:white;z-index:1;transition:All0.4sease
小彡朱·2020-08-26 23:12

小程序 textarea、input 层级过高，导致填写内容穿透，z-index无效问题解决方案。

原生组件的层级是最高的，不管其它非原生组件z-index设置多大，原生组件都无法覆盖在原生组件上。想了很久终于想到个办法，但是并不完美。思路：textarea输入完成时，将textarea隐藏，将输入
流沙溪·2020-08-26 23:24

微信小程序textarea文本穿透弹窗解决

按原本开发想法是textarea组件层级高于弹窗，于是使用z-index进行层级调节。但是发现并没有预料中的解决问题。
明明很开心_l·2020-08-26 23:51

textarea层级穿透

1.问题描述##安卓机型在使用textarea的情况使用弹窗时无法遮盖textarea上的内容手机类型穿透苹果×安卓√2.产生原因产生原因：我们可以看到原生组件的层级是无法通过z-index来设置的，因为原生组件层级最高小程序官方文档描述
Windy Ming·2020-08-26 23:47

微信小程序video高层级的解决

用z-index去调试的话，在工具上市可以解决的。但是真机测试的时候还是没有解决该问题。微信小程序开发文档提供的这么一个组件，cover-view。覆盖在原生组件之上的文本视图，可以
weixin_30414155·2020-08-26 23:57

小程序textarea的坑

:rgba(0,0,0,0.5);改好之后，其他的事好了，但是textarea依然很顽强（textarea的placeholder文字或者输入的文字内容，会直接穿透遮罩层和浮动弹窗，显示在最上面，设置z-index
小山羊~·2020-08-26 23:56

一步解决微信小程序textarea层级太高遮挡其他组件的问题

由于小程序中的textarea组件是原生组件，而原生组件的层级是最高的，所以页面中的其他组件无论设置z-index为多少，都无法盖在原生组件上，造成输入的文字会显示在小程序其他组件上，如下图所示：保存网上有一些绕弯路的解决办法
huobox·2020-08-26 23:45

【工作记录】解决微信小程序原生组件textarea因层级过高导致穿透其他元素问题

那么问题就来了，textarea是微信小程序原生的组件，下来弹框是自己写的一个组件，而微信小程序原生组件拥有最高的层级，无论自定义的组件的z-index调到多大都无法覆盖在原生组件之上。
零信号·2020-08-26 23:32
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他