新建一个html文件,定名为test.html,用于讲解怎么用js点窜z-index数值。
在test.html文件内,利用div标签建立两个模块,并别离设置其id属性为div1,div2。
利用css对两个div进行结构,别离设置两个div布景颜色,经由过程z-index设置id属性为div2的div显示在最前面,即红色布景div在前面显示,灰色布景div在后面显示。
在div的下面建立一个button按钮,并利用css设置按钮显示在div的下面。
给button按钮绑心猿意马onclick点击事务,当按钮被点击时,执行edit()函数。
在edit函数内,获得id为div1的div对象,改变其z-index属性,设置为3,让其显示在id为div2的div上面,即灰色布景div显示在前面。
在浏览器打开test.html文件,点击按钮,改变z-index值,利用灰色布景div显示在前面。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!