财产未更新

Question

我正在使用以下代码设置css属性的z-index：

$( ".myIcon").attr("z-index" , 1);

但该属性未正确更新。当我使用Chrome开发人员工具检查属性时，z-index保持不变。使用.attr后我需要触发什么才能通过浏览器更新属性？

Answer 1

z-index是一种样式属性，您需要使用.css()来设置它

$( ".myIcon").css("z-index" , 1);

Answer 2

.attr()查看被定位元素的属性。 z-index是样式属性的属性，不属于它自己的属性。要更改z-index，您必须使用.css()

编辑元素的样式属性

示例：

$(".myIcon").css("z-index" , 1);

给出html：

<div class="myIcon" style="z-index: 1">