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>
使用前后：
