<!DOCTYPE html> <html> <head> <title>test</title> </head> <style type="text/css" media="screen"> *{ margin: 0; padding: 0; } #parent{ width: 100px; height: 100px; overflow: hidden; } #parent:hover img{ opacity: 1; height: 0px; width: 0px; transition: 1s; } </style> <body> <div id="parent"> <span> <img src="http://www.sibub2c.com/UploadFiles/img_2_2474404210_201328564_26.jpg" width="100px" height="100px" alt=""> <div> 测试测试测试测试测试测试测试测 </div> </span> </div> </body> </html>