jquery怎么移除z-index样式

前端技术 03/12 jQuery

jquery移除z-index样式的方法:1、利用css()移除,只需将z-index属性的值设置为默认值“auto”即可,语法“$("选择器").css("z-index","auto");”;2、利用attr()将z-index属性的值设置为默认值“auto”即可,语法“$("选择器").attr("style","z-index:auto;");”。

jquery怎么移除z-index样式

本教程操作环境:windows7系统、jquery3.6版本、Dell G3电脑。

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。







这是一个标题

jquery怎么移除z-index样式

默认的 z-index 是 0。Z-index -1 拥有更低的优先级。

1.png

那么jquery怎么移除z-index样式

在jquery中,可以利用css()或attr()方法来移除元素的z-index样式。

方法1、利用css()移除元素的z-index样式

css() 方法可设置被选元素的一个或多个样式属性。

只需要将利用css()将z-index属性的值设置为默认值“auto”即可;这样指定元素的堆叠顺序与父元素就相等了。



	
		
		
		
		
	

	
		

This is a heading

jquery怎么移除z-index样式

由于图像的 z-index 是 -1,因此它在文本的后面出现。




1.gif

方法2、利用attr()方法移除元素的z-index样式

attr() 方法可设置被选元素的属性值。

只需要将利用attr()将z-index属性的值设置为默认值“auto”即可;这样指定元素的堆叠顺序与父元素就相等了。


2.gif

【推荐学习:、】

以上就是jquery怎么移除z-index样式的详细内容,更多请关注本站点其它相关文章!

本文地址:https://www.stayed.cn/item/26972

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。