js默认zindex是多少

JavaScript012

js默认zindex是多少,第1张

css中z-index的默认值是auto这是属性自带的属性值。平时自己设置一般是数字,最小值是0,没有最大值一说。

默认值会依据你当前页面设置的相关index来设置,比如你设置了一个为0,那么默认auto就会小于0,就是说0会显示在auto的上面,最大最小值和浏览器的支持有关,一般都是包含我们常用的值

你可以直接修改zIndex,下面是简单的小例子;

<body>

<div id="div1" style="width:100px height:100px background:#ccc position:absolute top:10px left:10px z-index:2" ></div>

</body>

<script>

var oDiv = document.getElementById('div1')

oDiv.style.zIndex = 10   //这时候你在审查div这个元素的时候,发现z-index的值为10;

</script>

有几个语法错误,以下是修改后的:

console.log("begin")

function Scroll(){

var a=0

var b=0

var m=0

oli=document.getElementsByTagName("img")//标签名要用双引号

//将j<6改成j<oli.length,使用起来更灵活

//所有z-index要改成驼峰写法zIndex

//最后a少了个++,不然zIndex=0图片无法切换

for(var j=0j<oli.lengthj++){a=joli[a].style.zIndex=a++}

setInterval(Next,3000)//去掉回调函数Next的括号

function Next(){

for(var i=0i<oli.lengthi++){

b=i

if(b<oli.length-1){

    m=oli[b].style.zIndex

    oli[b].style.zIndex=oli[b+1].style.zIndex

    oli[b+1].style.zIndex=m

}else{

    m=oli[a].style.zIndex

    oli[a].style.zIndex=oli[0].style.zIndex

    oli[0].style.zIndex=m}

}

}

}

console.log("end")

window.onload = function(){Scroll()}

这样就可以正常运行了