怎么在javascript中动态修改层的z-index属性

pufan 2005-05-26 09:27:58

如题。
我用div.style.z-index无法获得改属性的引用，google也没查到相关的连接，谁知道请告知，不胜感谢！

...全文

193 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

vivianfdlpw 2005-05-26

打赏
举报

回复

div.style.zIndex

JavaScript jQuery 项目实战系列教程能掌握JS和Jquery的基本技能，能完成基本的网页特效！

定义和用法 z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释：元素可拥有负的 z-index 属性值。注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！说明该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，

动态改变div的z-index属性的简单实例。复制代码代码如下: var MAX_INDEX=4; function change(ddd) { if(ddd.style.zIndex { ddd.style.zIndex = MAX_INDEX+1; MAX_INDEX++; } }

问题起因：我在我的界面中嵌入vue-3d-loader组件来展示三维模型，这个组件的默认z-index为10000（值越大越在前面），因此我在调用它的时候整个三维模型一直在界面最前面，导致其他的组件无法选中和操作。1.找到包含 Vue-3D-loader 组件的父元素div，在div元素上添加一个类my-wrapper。这样修改之后，设置的z-index就起作用了。后来，经过一番查找，才发现是父元素

的定位方式没有定义。//设置一个比较小的值，让其显示在底下。

前言小编最近在学习JavaScript,里面有很多好玩的例子，并且语法结构也是之前遇到过但不是很理解的for循环和if语句的执行过程，现在借助一个小例子来讨论一下吧。 z-index例子展现一、需求两个不同颜色的div，点击任何一个，那一个就居于上方，相当于置顶的效果。二、代码实现 1.body标签中添加两个div元素

87,909

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章