1.使用透明度opacity:0
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title></title>
6 <style>
7 div{ width: 200px;height: 200px;}
8 .div1 {background-color: #0000FF;opacity: 0;}
9 .div2 {background-color: #008000;}
10 </style>
11 </head>
12 <body>
13 <div class="div1"></div>
14 <div class="div2"></div>
15 </body>
16 </html>
未使用前和使用后
2.使用display:none
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title></title>
6 <style>
7 div{ width: 200px;height: 200px;}
8 .div1 {background-color: #0000FF;}
9 .div2 {background-color: #008000;}
10 </style>
11 </head>
12 <body>
13 <div class="div1"></div>
14 <div class="div2"></div>
15 </body>
16 </html>
使用前后：