<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /* 面试题:让元素消失在我们的视野中(发挥你的想象力) 1.透明度 opacity:0;[0~1] 2.display:none 隐藏 3.width:0/height:0和overflow:hidden 4.line-height:0和overflow: hidden(没有设置高度的情况下) 5.visibility: hidden;让所有可见性的元素隐藏 6. margin/padding设置足够大只要能让他消失即可 7.利用 transform属件计 translate坐标设置足够大 */ </style> </head> <body> </body> </html>
转载请注明:大灰牛博客 » 如何让元素消失在我们的视野中(面试题)