隐藏dom元素
元素有两类隐藏的方法,一种是颜色没了,但是位置还在。相当于一个样东西,颜色没了,但是还摸得到,这个东西还占着一块地,一块空间。第二种是颜色没了,也摸不到了,原来放着这个东西的位置别人可以放东西在上面
-
display:none
毛都没了<html> <head> <style> .demo{ display:none } </style> </head> <body> <div class="demo"> </div> </body> </html>
-
opacity:0
颜色没了<html> <head> <style> .demo{ opacity: 0; } </style> </head> <body> <div class="demo"> </div> </body> </html>
-
visibility:hidden
毛都没了<html> <head> <style> .demo{ visibility: hidden; } </style> </head> <body> <div class="demo"> </div> </body> </html>
-
改变位置,并用绝对定位。自己调整到自己看不见为止
<html> <head> <style> .demo{ position: absolute; left: -666; top: -5000; } </style> </head> <body> <div class="demo"> </div> </body> </html>
来水一期,欢迎交流,点赞