新建一个html文件， 定名为test.html， 用于讲解怎么用js点窜z-index数值 。
文章插图
2在test.html文件内， 利用div标签建立两个模块， 并别离设置其id属性为div1， div2 。
文章插图
3利用css对两个div进行结构， 别离设置两个div布景颜色， 经由过程z-index设置id属性为div2的div显示在最前面， 即红色布景div在前面显示， 灰色布景div在后面显示 。
文章插图
文章插图
4在div的下面建立一个button按钮， 并利用css设置按钮显示在div的下面 。
文章插图
文章插图
5【怎么用js修改z】给button按钮绑定onclick点击事务， 当按钮被点击时， 执行edit()函数 。
文章插图
6在edit函数内， 获得id为div1的div对象， 改变其z-index属性， 设置为3， 让其显示在id为div2的div上面， 即灰色布景div显示在前面 。
文章插图
7在浏览器打开test.html文件， 点击按钮， 改变z-index值， 利用灰色布景div显示在前面 。
文章插图
文章插图
以上内容就是怎么用js修改z的内容啦， 希望对你有所帮助哦！
推荐阅读
- 迷你世界怎么开40人房间
- 爱奇艺怎么开通会员2018
- DNF赵云/决战者搬砖诺伊佩拉所用技能姿势
- 绝地求生怎么在地图上做标记
- LOL英雄联盟佐伊怎么出装
- win10网络发现已关闭计算机和设备不可见怎么办
- 王者荣耀新手使用周瑜如何超神
- 手机steam怎么改生日
- 三国先锋如何使用游戏礼包
- 刺激战场怎么练枪法